Tempered Cobalt color palette — #E7F2E9 · #9BCCE8 · #458BCC · #006A77 · #182B56

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

The five colors

• Cream (#E7F2E9): a clean, paper-quiet neutral.
• Sky (#9BCCE8): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#458BCC): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006A77): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#182B56): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Tempered Periwinkle Corridor color palette (#EFF8F0, #B8D8F7, #7196D3, #007892, #31375B)
• Tempered Dune color palette (#E7F2E9, #9ECDD9, #0098A6, #006F52, #003442)
• Antique Cornflower Hollow color palette (#FBF4EA, #C9EBFF, #1196F8, #006874, #091B44)
• Hushed Petrol Villa color palette (#F7EBF0, #90B7D3, #3D64B4, #00504B, #30215A)
• Cerulean Station color palette (#F1F7F2, #DADDEC, #99B4D4, #4C92A2, #485366)
• Petrol Garden color palette (#E3EFE5, #53B0C9, #006F98, #004A49, #001529)
• Dusty Study color palette (#DEFAFF, #92E1F2, #63BBF4, #319469, #003639)
• Weathered Loft color palette (#BAE8EE, #00B198, #CB5989, #007463, #4C092B)

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