font-palette
Allows you to select a specific color palette for a color font (font that has multiple colors built-in), often used for icon fonts or emojis.
Quick example
.colorful-text {
/* Selects the built-in dark palette for the color font */
font-palette: --my-dark-theme;
}Quick facts
Initial value
normalInherited
Yes
Applies to
all elements and text
Animation type
byComputedValue
Values
normallightdarkpalette-mix font-palette Browser Support
Widely available Since 2022 94% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2022.
Safe to use without fallbacks.
101+
107+
15.4+
101+