Tempered Lantern color palette — #EFF7F9 · #D7DAE2 · #B6A9AF · #538E8D · #4C5457

Storm Blue and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D7DAE2): bright and airy, almost weightless.
• Ash (#B6A9AF): soft and architectural.
• Storm Blue (#538E8D): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#4C5457): 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

• Wandering Petrol Harbor color palette (#F1F5FB, #DDD9E3, #C8BBCA, #5C759E, #414852)
• Wandering Driftwood color palette (#EDF4EE, #CDDAD8, #A3AFB3, #6B8C71, #323833)
• Lagoon Balcony color palette (#F0F7F3, #9DCDBE, #628D6A, #476C77, #3D524C)
• Tempered Cabin color palette (#E9F0F4, #C4CDD8, #99A0B6, #005D7B, #1F303B)
• Muted Studio color palette (#FFF0F7, #60B9B7, #517AA8, #745039, #374B55)
• Petrol Delta color palette (#DFE7EA, #8E9CA6, #5D7290, #003236, #000B11)
• Glacier Corridor color palette (#EAF8FF, #B2FCD8, #73DFFF, #8C92D1, #374B5D)
• Tempered Navy color palette (#E5EAF2, #A6A8B8, #83799C, #222C79, #0C1423)

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