A selection of colors stylesheets, with backgrounds and fills too.
Auto updated on JSDelivr
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/eustasy/Colors.css@2/colors.min.css" crossorigin="anonymous">
Replace {palette} with one of: baseline, elementary, eustasy, flatui, flexoki, goddardhale, howtoelementary, material, ubuntu
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/eustasy/Colors.css@2/{palette}.min.css" crossorigin="anonymous">
Each color is available as a CSS custom property and as utility classes:
/* CSS variable */
var(--flatui-belize-hole)<!-- Utility classes -->
<div class="background-flatui-belize-hole">...</div>
<p class="color-flatui-belize-hole">...</p>
<svg><path class="fill-flatui-belize-hole" /></svg>
<div class="border-color-flatui-belize-hole">...</div>
<svg><path class="stroke-flatui-belize-hole" /></svg>
<input class="outline-color-flatui-belize-hole">
<p class="text-decoration-color-flatui-belize-hole">...</p>
<input class="caret-color-flatui-belize-hole">
<input type="checkbox" class="accent-color-flatui-belize-hole">