Tempered Cobalt color palette — #F0F6FC · #DBD8E8 · #C6BACE · #008DDC · #304253

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

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#DBD8E8): A whisper-light, dusty violet — the color of wild irises.
• Stone (#C6BACE): A luminous, dusty violet — the color of wild irises.
• Azure (#008DDC): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#304253): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Wandering Cobalt Hollow color palette (#E8EFF8, #D3D7E3, #B5B4CD, #3773BA, #222F3E)
• Patina Dune color palette (#EBF8FC, #D3DAE9, #BCBDDC, #00999B, #28454D)
• Tempered Summit color palette (#F3F5FB, #DDD8DE, #CABCC5, #8C86C3, #434755)
• Muted Azure color palette (#EAF9F4, #E7D4CF, #A8A293, #5A98C8, #253A34)
• Worn Meadow color palette (#DBE7FF, #6575FB, #4F3B5E, #1D2345, #051320)
• Aged Olive color palette (#E9F8FF, #A6C3EC, #A68FBA, #727624, #225A47)
• Ancient Loft color palette (#FFF1F5, #C8BB85, #7B903F, #5064A8, #453A06)
• Weathered Byzantium Lagoon color palette (#F4F4FD, #E1DAED, #CEB3D4, #9E41D7, #313043)

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