Tempered Cobalt color palette — #E2E8ED · #C1BDC9 · #B8A0BC · #0088CE · #0F2130

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

The five colors

• Frost (#E2E8ED): bright and airy, almost weightless.
• Stone (#C1BDC9): a calm mid-gray that lets other colors speak.
• Mauve (#B8A0BC): A luminous, dusty pink — the color of a candy shop window.
• Cerulean (#0088CE): A luminous, balanced blue — the color of open sky before noon.
• Midnight (#0F2130): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Lagoon color palette (#E6EEF0, #BAC0D1, #A7A3C0, #009392, #04242B)
• Dusty Indigo color palette (#E5E7ED, #C7BCC6, #C39DAE, #7F6ED2, #1B1E2E)
• Worn Orchard color palette (#D9E3E0, #CBC1C8, #B99AAA, #0063A9, #0F241F)
• Sapphire Workshop color palette (#ECF0F7, #B7ACBE, #A78EA0, #315FF2, #071328)
• Cypress Loft color palette (#D3F7F5, #87A8CD, #98749D, #237555, #003220)
• Antique Denim color palette (#DEEEE8, #C4AABB, #A3848B, #00486D, #000E09)
• Dusty Corridor color palette (#E5E7F2, #A89CA5, #9E7F8A, #7145B6, #070816)
• Ancient Indigo color palette (#CCF3E9, #00ABBC, #6C61D8, #3E6100, #001927)

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