Tempered Cerulean color palette — #EBF5ED · #AACEDE · #0088B1 · #005C57 · #00233A

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#EBF5ED): bright and airy, almost weightless.
• Powder Blue (#AACEDE): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0088B1): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005C57): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#00233A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Petrol Bloom color palette (#ECF4EE, #C7E0F3, #6691BE, #006A78, #1C2B4B)
• Petrol Study color palette (#E2ECE3, #98B7D3, #3B6CAC, #004957, #0A0F3A)
• Cobalt Parlor color palette (#FDF3EE, #AAD0B6, #2E7FB3, #006346, #4D2F47)
• Hushed Loft color palette (#D9E1DA, #537F95, #00415C, #001F1F, #000104)
• Softworn Azure color palette (#FAF4EC, #B8E0C5, #00A4D4, #007D76, #0F4438)
• Pine Bloom color palette (#D9E4C9, #749D5A, #008437, #004D32, #00231B)
• Nightshade Lantern color palette (#E4F3E7, #668EB2, #003DA8, #002A35, #02001C)
• Raspberry Harbor color palette (#D0F1F0, #4AA674, #A95D97, #00663C, #33052B)

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