Tempered Lantern color palette — #ECF4F3 · #C6E1F1 · #4198C1 · #036A78 · #172E41

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Powder Blue (#C6E1F1): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4198C1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#036A78): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#172E41): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Aged Cypress color palette (#DCEEEA, #6BA9A6, #006569, #003A31, #000E10)
• Denim Loft color palette (#E1F4F3, #5E91AF, #004D7B, #002A36, #00040F)
• Softworn Cobalt Atelier color palette (#E9F5F4, #ADCBE6, #287FCC, #005772, #0C213A)
• Cerulean Drift color palette (#FCF3EE, #BBE9D0, #5690BE, #316E67, #563F53)
• Washed Cerulean Coast color palette (#F4F6ED, #B9E9E7, #74ADCB, #3B8793, #295045)
• Azure Drift color palette (#F4EFFF, #CA8CBB, #0097DD, #934182, #022A41)
• Bronze Courtyard color palette (#FAECFF, #C96B88, #B16D06, #705E9E, #26182B)
• Shell Orchard color palette (#FAECFF, #EAD9D1, #FFBCAA, #9D6582, #392C3A)

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