Tempered Lantern color palette — #DAE9F1 · #7F909D · #526E88 · #002F3C · #000103

Midnight and Slate set the tone — five colors that lean into sophistication.

The five colors

• Frost (#DAE9F1): a clean, paper-quiet neutral.
• Slate Blue (#7F909D): A luminous, dusty blue — the color of open sky before noon.
• Slate (#526E88): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#002F3C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000103): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Lantern into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Navy Alley color palette (#E6EAF1, #868DA0, #636986, #141C6A, #000108)
• Timeworn Spruce color palette (#E7EFEA, #8D9E98, #7E687E, #00313C, #000D05)
• Softworn Orchard color palette (#E1F0F7, #ACBDCC, #8792A7, #004450, #000102)
• Patina Navy color palette (#CFE2EF, #008DAD, #006795, #003789, #000104)
• Wandering Denim color palette (#E1EAF4, #BECDE0, #96A5BC, #135989, #0E171F)
• Deep Lantern color palette (#D0E4FF, #4D5A99, #392E58, #320017, #110002)
• Weathered Drift color palette (#EEF2F9, #DAD5E1, #C1BAC6, #6A719F, #292C33)
• Charred Boulevard color palette (#D5F3EF, #006A3B, #003322, #001915, #000201)

Browse the whole catalog at Explore, or see today's palette.