coderef

font-paletteBaseline · Widely available

The font-palette CSS property selects a color palette from the font, optionally overriding individual colors in the @font-palette-values at-rule.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Nov 15, 2022. Widely available since May 15, 2025.

How to use ↓Compare browsers

Browser support

DesktopChrome
1–100Not supported
101+Supportedsince Apr 26, 2022
Current: 155
Edge
12–100Not supported
101+Supportedsince Apr 28, 2022
Current: 154
Firefox
1–106Not supported
107+Supportedsince Nov 15, 2022
Current: 157
Safari
1–15.3Not supported
15.4+Supportedsince Mar 14, 2022
Current: 27
MobileChrome Android
18–100Not supported
101+Supportedsince Apr 26, 2022
Current: 155
Firefox Android
4–106Not supported
107+Supportedsince Nov 15, 2022
Current: 157
Safari iOS
1–15.3Not supported
15.4+Supportedsince Mar 14, 2022
Current: 27

How to use

This feature is Baseline widely available — use it freely, no fallback needed.

Example

Full syntax and examples are on MDN: CSSFontPaletteValuesRule.

Feature detection

CSS · check before using
@supports (font-palette: initial) {
  /* styles that rely on font-palette */
}

/* or in JavaScript */
if (CSS.supports("font-palette", "initial")) {
  // use it
}

Documentation (MDN)

Specification

Usage share

Sub-features

Support for each part of the feature (13). The overall table above shows when the whole feature works.

Sub-featureChromeEdgeFirefoxSafariChrome AndroidFirefox AndroidSafari iOS
CSSFontPaletteValuesRule10110110715.410110715.4
CSSFontPaletteValuesRule.basePalette10110110715.410110715.4
CSSFontPaletteValuesRule.fontFamily10110110715.410110715.4
CSSFontPaletteValuesRule.name10110110715.410110715.4
CSSFontPaletteValuesRule.overrideColors10110110715.410110715.4
@font-palette-values10110110715.410110715.4
@font-palette-values.base-palette10110110715.410110715.4
@font-palette-values.font-family10110110715.410110715.4
@font-palette-values.override-colors10110110715.410110715.4
font-palette10110110715.410110715.4
font-palette.dark10110110715.410110715.4
font-palette.light10110110715.410110715.4
font-palette.normal10110110715.410110715.4