🎨 CSS font-palette Generator

Generate CSS font-palette properties with custom color overrides for color fonts

Palette Name

Color Overrides

Preview

Color Font

Note: Requires a color font to see the effect

Generated CSS

@font-palette-values --custom-palette {
  font-family: "Color Font Family";
  override-colors:
    0 #FF0000,
    1 #00FF00,
    2 #0000FF;
}

.colored-text {
  font-palette: --custom-palette;
}