Tempered Lantern color palette — #DFF4F1 · #8AB9CF · #00748F · #004F53 · #003346
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#DFF4F1): A whisper-light, dusty teal — the color of shallow lagoons.
- Ash (#8AB9CF): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00748F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#003346): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Wandering Petrol Studio color palette (#F0E5ED, #84BECB, #0074A2, #004D40, #001435)
- Worn Cerulean Balcony color palette (#EDF8F6, #AACADD, #4180A0, #005E6A, #1D3E57)
- Muted Lantern color palette (#EEF0E5, #97E1F1, #00B6DE, #009095, #003346)
- Ancient Thicket color palette (#D9EFEA, #579D9E, #00545C, #00302B, #00171D)
- Petrol Station color palette (#EEF8F6, #D3DDEF, #769FB9, #337A82, #3C5669)
- Chalky Field color palette (#CDF8E4, #C1D48F, #7CB170, #736200, #0B4133)
- Worn Cocoa color palette (#E9E9CF, #726F00, #006F5A, #822E00, #222100)
- Tempered Fern color palette (#D5EADC, #8F8A4E, #645500, #463400, #242700)
Browse the whole catalog at Explore, or see today's palette.