WPT
wpt / css / css-fonts / animations / font-palette-interpolation.html
Spec: CSS Fonts ↗
Runs: Chrome 155.0.8038.0 (wpt@7addae031, 2026-09-02) | Firefox 157.0a1 (wpt@7addae031, 2026-09-02) | Safari 251 preview (wpt@5ce815a83, 2026-08-27) | Ladybird 1.0-a7884 (wpt@b1a7025f8, 2026-09-02) | Servo Servo 0.6 (wpt@09159dcb3, 2026-09-02) | Blitz 188486089 (wpt@a95401e4e, 2026-09-02)
View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 114/114 | 78/114 | 78/114 | 0/114 | 0/114 | 0/114 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| CSS Transitions: property <font-palette> from [light] to [dark] at (-2) should be [light] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [light] to [dark] at (-0.25) should be [light] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [light] to [dark] at (0) should be [light] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [light] to [dark] at (0.3) should be [palette-mix(in oklab, light, dark 30%)] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [light] to [dark] at (0.6) should be [palette-mix(in oklab, light, dark 60%)] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [light] to [dark] at (1) should be [dark] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [light] to [dark] at (1.5) should be [dark] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [light] to [dark] at (-2) should be [light] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [light] to [dark] at (-0.25) should be [light] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [light] to [dark] at (0) should be [light] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [light] to [dark] at (0.3) should be [palette-mix(in oklab, light, dark 30%)] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [light] to [dark] at (0.6) should be [palette-mix(in oklab, light, dark 60%)] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [light] to [dark] at (1) should be [dark] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [light] to [dark] at (1.5) should be [dark] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [light] to [dark] at (-2) should be [light] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [light] to [dark] at (-0.25) should be [light] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [light] to [dark] at (0) should be [light] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [light] to [dark] at (0.3) should be [palette-mix(in oklab, light, dark 30%)] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [light] to [dark] at (0.6) should be [palette-mix(in oklab, light, dark 60%)] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [light] to [dark] at (1) should be [dark] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [light] to [dark] at (1.5) should be [dark] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [light] to [dark] at (-2) should be [light] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [light] to [dark] at (-0.25) should be [light] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [light] to [dark] at (0) should be [light] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [light] to [dark] at (0.3) should be [palette-mix(in oklab, light, dark 30%)] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [light] to [dark] at (0.6) should be [palette-mix(in oklab, light, dark 60%)] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [light] to [dark] at (1) should be [dark] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [light] to [dark] at (1.5) should be [dark] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [initial] to [inherit] at (-2) should be [normal] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [initial] to [inherit] at (-0.25) should be [normal] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [initial] to [inherit] at (0) should be [normal] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [initial] to [inherit] at (0.3) should be [palette-mix(in oklab, normal, light 30%)] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [initial] to [inherit] at (0.6) should be [palette-mix(in oklab, normal, light 60%)] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [initial] to [inherit] at (1) should be [light] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [initial] to [inherit] at (1.5) should be [light] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [initial] to [inherit] at (-2) should be [normal] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [initial] to [inherit] at (-0.25) should be [normal] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [initial] to [inherit] at (0) should be [normal] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [initial] to [inherit] at (0.3) should be [palette-mix(in oklab, normal, light 30%)] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [initial] to [inherit] at (0.6) should be [palette-mix(in oklab, normal, light 60%)] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [initial] to [inherit] at (1) should be [light] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [initial] to [inherit] at (1.5) should be [light] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [initial] to [inherit] at (-2) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [initial] to [inherit] at (-0.25) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [initial] to [inherit] at (0) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [initial] to [inherit] at (0.3) should be [palette-mix(in oklab, normal, light 30%)] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [initial] to [inherit] at (0.6) should be [palette-mix(in oklab, normal, light 60%)] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [initial] to [inherit] at (1) should be [light] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [initial] to [inherit] at (1.5) should be [light] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [initial] to [inherit] at (-2) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [initial] to [inherit] at (-0.25) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [initial] to [inherit] at (0) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [initial] to [inherit] at (0.3) should be [palette-mix(in oklab, normal, light 30%)] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [initial] to [inherit] at (0.6) should be [palette-mix(in oklab, normal, light 60%)] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [initial] to [inherit] at (1) should be [light] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [initial] to [inherit] at (1.5) should be [light] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [--custom-palette] to [normal] at (-2) should be [--custom-palette] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [--custom-palette] to [normal] at (-0.25) should be [--custom-palette] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [--custom-palette] to [normal] at (0) should be [--custom-palette] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [--custom-palette] to [normal] at (0.3) should be [palette-mix(in oklab, --custom-palette, normal 30%)] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [--custom-palette] to [normal] at (0.6) should be [palette-mix(in oklab, --custom-palette, normal 60%)] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [--custom-palette] to [normal] at (1) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [--custom-palette] to [normal] at (1.5) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [--custom-palette] to [normal] at (-2) should be [--custom-palette] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [--custom-palette] to [normal] at (-0.25) should be [--custom-palette] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [--custom-palette] to [normal] at (0) should be [--custom-palette] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [--custom-palette] to [normal] at (0.3) should be [palette-mix(in oklab, --custom-palette, normal 30%)] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [--custom-palette] to [normal] at (0.6) should be [palette-mix(in oklab, --custom-palette, normal 60%)] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [--custom-palette] to [normal] at (1) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [--custom-palette] to [normal] at (1.5) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [--custom-palette] to [normal] at (-2) should be [--custom-palette] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [--custom-palette] to [normal] at (-0.25) should be [--custom-palette] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [--custom-palette] to [normal] at (0) should be [--custom-palette] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [--custom-palette] to [normal] at (0.3) should be [palette-mix(in oklab, --custom-palette, normal 30%)] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [--custom-palette] to [normal] at (0.6) should be [palette-mix(in oklab, --custom-palette, normal 60%)] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [--custom-palette] to [normal] at (1) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [--custom-palette] to [normal] at (1.5) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [--custom-palette] to [normal] at (-2) should be [--custom-palette] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [--custom-palette] to [normal] at (-0.25) should be [--custom-palette] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [--custom-palette] to [normal] at (0) should be [--custom-palette] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [--custom-palette] to [normal] at (0.3) should be [palette-mix(in oklab, --custom-palette, normal 30%)] | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [--custom-palette] to [normal] at (0.6) should be [palette-mix(in oklab, --custom-palette, normal 60%)] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [--custom-palette] to [normal] at (1) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [--custom-palette] to [normal] at (1.5) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [initial] to [normal] at (-2) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [initial] to [normal] at (-0.25) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [initial] to [normal] at (0) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [initial] to [normal] at (0.3) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [initial] to [normal] at (0.6) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [initial] to [normal] at (1) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions: property <font-palette> from [initial] to [normal] at (1.5) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [initial] to [normal] at (-2) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [initial] to [normal] at (-0.25) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [initial] to [normal] at (0) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [initial] to [normal] at (0.3) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [initial] to [normal] at (0.6) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [initial] to [normal] at (1) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Transitions with transition: all: property <font-palette> from [initial] to [normal] at (1.5) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [initial] to [normal] at (-2) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [initial] to [normal] at (-0.25) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [initial] to [normal] at (0) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [initial] to [normal] at (0.3) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [initial] to [normal] at (0.6) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [initial] to [normal] at (1) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| CSS Animations: property <font-palette> from [initial] to [normal] at (1.5) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [initial] to [normal] at (-2) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [initial] to [normal] at (-0.25) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [initial] to [normal] at (0) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [initial] to [normal] at (0.3) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [initial] to [normal] at (0.6) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [initial] to [normal] at (1) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| Web Animations: property <font-palette> from [initial] to [normal] at (1.5) should be [normal] | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| An interpolation to inherit updates correctly on a parent style change. | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| Test additive animations | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |