Tempered Cerulean color palette — #F5F6EE · #C0DEE8 · #A3C4EC · #579FA4 · #355548

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

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Powder Blue (#C0DEE8): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#A3C4EC): A luminous, dusty blue — the color of deep harbor water.
• Storm Blue (#579FA4): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#355548): A full-bodied, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Tempered Cerulean 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

• Cerulean Archive color palette (#F4F6EF, #C9DBE7, #DEC0E1, #689AB1, #594658)
• Muted Cypress color palette (#EFF7F6, #D2DEF0, #62A4BC, #2B7C81, #3E5667)
• Hushed Cerulean color palette (#F5F7EA, #9DD7E2, #0088A4, #005153, #000F17)
• Patina Loft color palette (#E5FBF2, #96D5F9, #C4ADEE, #76B09A, #233F35)
• Stone Harbor color palette (#E8FAF2, #C0E9EE, #DCCDC0, #98C2AA, #42564F)
• Antique Grove color palette (#EBEEDF, #6CACC7, #005C81, #002A32, #000103)
• Turquoise Lagoon color palette (#F5F6EB, #B7E5ED, #4EB7C5, #008076, #00353F)
• Soft Periwinkle Thicket color palette (#F2F9E3, #DDE3F6, #419DF8, #006D90, #002056)

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