CSS font-palette

A COLR/CPAL color font can ship several palettes; font-palette chooses between them, and @font-palette-values defines custom palettes (a base-palette plus per-index override-colors). The hero below is a subset of Nabla, a real COLR v1 font with 7 palettes, shown in its default palette.

PALETTE

Palette selection

The same text, same font — only font-palette differs:

PALETTE
normal
font-palette: normal (palette 0)
PALETTE
base-palette
@font-palette-values --blue { base-palette: 2 }
PALETTE
base-palette
@font-palette-values --grey { base-palette: 3 }
PALETTE
light
font-palette: light (light-flagged palette)
PALETTE
dark
font-palette: dark (dark-flagged palette)
PALETTE
override-colors
override-colors: 0 #1db954, 1 #0a7d34, …
PALETTE
palette-mix()
palette-mix(in oklab, --blue, --grey)