Tempered Cobalt color palette — #F9EEF4 · #A5CEE5 · #4082B5 · #005C55 · #111E40

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Blush (#F9EEF4): bright and airy, almost weightless.
• Sky (#A5CEE5): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4082B5): 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 (#111E40): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Cobalt Study color palette (#EBF8F7, #AACADD, #1283AD, #005E69, #0B3F5C)
• Worn Cypress color palette (#F8EFF2, #C6E0F8, #768CC0, #006B77, #242A44)
• Patina Abyss Boulevard color palette (#EFE6EC, #7CC2BE, #00788A, #004F29, #001926)
• Linen Teal color palette (#CDEAE5, #00A7AC, #00748A, #004770, #011D41)
• Mallow Courtyard color palette (#E5F4FF, #CDDDFF, #C5A2E2, #247C77, #14293B)
• Timeworn Lagoon Drift color palette (#EFE2EA, #3B9A9B, #005263, #002D1B, #00050B)
• Chalky Bronze Workshop color palette (#DAECF8, #2B9FC4, #B16530, #005E78, #301300)
• Dusty Petrol Harbor color palette (#DFF1FF, #6BB1E8, #006FA8, #003456, #000C16)

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