Tempered Cobalt color palette — #E9F3FF · #4D88D1 · #8F6F2E · #694D0B · #091B2E

A conversation between Azure and Walnut, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Azure (#4D88D1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Walnut (#8F6F2E): A full-bodied, balanced gold — the color of old brass.
• Bronze (#694D0B): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#091B2E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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

• Hushed Coast color palette (#E9F3FF, #5787CD, #A06063, #7E3D15, #0C1A2C)
• Washed Dune color palette (#EEF1FF, #9A89C4, #8E8357, #6C5E25, #1F2131)
• Dusty Indigo Dune color palette (#EFF1FF, #7B6DBF, #944C32, #4F3C00, #001620)
• Soft Bronze Boulevard color palette (#E4FAFF, #00948F, #956611, #585600, #103941)
• Patina Olive Terrace color palette (#FCF1FD, #77A2D4, #C27870, #68771E, #3C2C3E)
• Hushed Pewter Summit color palette (#DCF9F2, #8899D2, #875784, #1A5336, #1D2138)
• Dusty Orchard color palette (#D9DDFF, #5B44F1, #6B5A00, #463B00, #08002E)
• Ancient Harbor color palette (#E7FBEE, #40C4E4, #A8A156, #5B7F3D, #162A1E)

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