Free CSS Font Palette Generator
Create custom color palettes for color fonts with our free tool. @font-palette-values CSS.
- Palette color editing
- Font preview
- Override base colors
- Multiple palette presets
- Export CSS code
Frequently Asked Questions
What are color fonts?
Color fonts contain multiple colors in their glyphs—like emoji fonts or decorative display fonts. They use formats like COLRv1, SVG, or sbix to store color information.
Which fonts support font-palette?
Color fonts with COLR/CPAL tables support palettes. Examples include Noto Color Emoji, some display fonts, and specially designed variable color fonts.
How do I find available palettes?
Use font-palette: normal (default), light, or dark for built-in palettes. Use @font-palette-values to create custom palettes with override-colors.