Tempered Cobalt color palette — #EDF6FF · #D8D9E3 · #BEA5AD · #2C85C3 · #122638

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

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Silver (#D8D9E3): bright and airy, almost weightless.
• Rosewood Mist (#BEA5AD): A luminous, dusty rose — the color of strawberry cream.
• Cerulean (#2C85C3): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#122638): 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

• Weathered Cobalt color palette (#F2F5FD, #DDD8E2, #C9BCCE, #736DAD, #1A1E2B)
• Washed Iris Atelier color palette (#F1F5FF, #DBD8E2, #BDAFA9, #808AD8, #2D3545)
• Denim Alley color palette (#EAF5F1, #DECEDD, #C1A0B5, #006290, #071F18)
• Patina Summit color palette (#D8DFE9, #B1BBCF, #8A91A6, #22386F, #000106)
• Iris Corridor color palette (#F0F5FF, #D2DBF5, #C3BEF2, #8F95FF, #060F53)
• Washed Powder color palette (#F2F5FF, #C3BDFF, #9B7CB7, #7E4A52, #491D17)
• Powdered Lapis color palette (#FFF1F3, #73ABFF, #624BFD, #800050, #061241)
• Byzantium Boulevard color palette (#F0F5FF, #7790FF, #A302C6, #780036, #00161A)

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