Dark Mode Palette

Map a light theme palette to a balanced dark one.

Light → dark

Lightness is mirrored in OKLCH, so hue and identity survive the flip.

#FFFFFFFail · 1.00

#0D0D0DFail · 1.00

#F8FAFCFail · 1.05

#0C0D0FFail · 1.00

#E2E8F0Fail · 1.23

#0A0E12Fail · 1.00

#94A3B8Fail · 2.56

#212C3BFail · 1.38

#475569AAA · 7.58

#677487AA large · 4.10

#0F172AAAA · 17.85

#B0BBD3AAA · 10.08

#6366F1AA large · 4.47

#3A34ACFail · 2.10

#16A34AAA large · 3.30

#005400Fail · 2.10

#DC2626AA · 4.83

#9D0000Fail · 2.25

The same card rendered with each palette.

Light

Weekly digest

Body copy sitting on the first colour of the palette, using the fifth as text.

Dark

Weekly digest

Body copy sitting on the first colour of the palette, using the fifth as text.

One colour per line.

Lightness flip100%

Chroma retained90%