BASELINE NowYouCanUse.com

Widely Available Fonts

id: font-palette

font-palette

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

Baseline Status: Achieved Widely Available on May 15, 2025 (Cross-browser Newly Available since Nov 15, 2022).

Desktop Browser Engine Support

Google Chrome

101

Supported

Mozilla Firefox

107

Supported

Apple Safari

15.4

Supported

Microsoft Edge

101

Supported

Mobile Browser Engine Support

Chrome Android

101

Firefox Android

107

Safari iOS

15.4

Specifications and References

Specification ↗ Specification ↗ Can I Use (css-font-palette) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

api.CSSFontPaletteValuesRule ↗ api.CSSFontPaletteValuesRule.basePalette ↗ api.CSSFontPaletteValuesRule.fontFamily ↗ api.CSSFontPaletteValuesRule.name ↗ api.CSSFontPaletteValuesRule.overrideColors ↗ css.at-rules.font-palette-values ↗ css.at-rules.font-palette-values.base-palette ↗ css.at-rules.font-palette-values.font-family ↗ css.at-rules.font-palette-values.override-colors ↗ css.properties.font-palette ↗ css.properties.font-palette.dark ↗ css.properties.font-palette.light ↗ css.properties.font-palette.normal ↗