Tempered Cerulean color palette — #E9F5F2 · #97D4D7 · #008C9A · #005C55 · #00252E

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

The five colors

• Ivory (#E9F5F2): bright and airy, almost weightless.
• Ice Blue (#97D4D7): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#008C9A): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005C55): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#00252E): 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 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

• Hushed Orchard color palette (#FCF3EE, #92D2D4, #0086A2, #006342, #0E4438)
• Wandering Cobalt Station color palette (#E7F5F5, #B0CBE3, #347FC8, #005773, #0B203F)
• Timeworn Drift color palette (#DDECE9, #37858F, #00434F, #001F1E, #000202)
• Tempered Turquoise Lantern color palette (#ECF4F2, #CBDDF0, #57ABB2, #38786D, #223A44)
• Emerald Terrace color palette (#CCEDEC, #009359, #007A99, #6F5800, #001818)
• Tempered Denim color palette (#DCECEA, #69A8B2, #006376, #00393A, #000D14)
• Linen Pine color palette (#C7FFFC, #64C389, #008146, #003D20, #001207)
• Linen Olive color palette (#E4EAD7, #81A74A, #397800, #0D5208, #002A0C)

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