Tempered Lantern color palette — #EFF7F6 · #D8DDE8 · #9CD4F8 · #549EB0 · #3F4F5E

Built around Storm Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D8DDE8): bright and airy, almost weightless.
• Sky (#9CD4F8): A whisper-light, dusty blue — the color of open sky before noon.
• Storm Blue (#549EB0): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#3F4F5E): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

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

• Worn Stone Quarry color palette (#E3FBF5, #C2E5EF, #9CC8B7, #99ACC7, #3E514D)
• Cobalt Delta color palette (#E6FAF8, #86D9F9, #0085B6, #00505B, #000E1B)
• Aged Turquoise Study color palette (#E4FBF6, #C6DBFE, #00AEBE, #007369, #002A32)
• Tempered Cypress Coast color palette (#F5F1EA, #C6E3E4, #78A89A, #2E777F, #432E42)
• Glacier Canyon color palette (#EAF9F4, #DCEFAD, #7CDCF5, #91A363, #2C4B5A)
• Hushed Canyon color palette (#E1EEEE, #73A9D1, #005697, #002938, #000105)
• Tempered Stone Orchard color palette (#FDF1F8, #EFD3D3, #D3A18D, #906E87, #493A40)
• Muted Coast color palette (#E3FCF5, #B5D995, #42D2D5, #CB9560, #273D38)

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