Tempered Cobalt color palette — #DDEAF3 · #0085D1 · #0056A7 · #002F82 · #050A3D

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

The five colors

• Frost (#DDEAF3): bright and airy, almost weightless.
• Azure (#0085D1): A full-bodied, balanced blue — the color of open sky before noon.
• Cobalt (#0056A7): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#002F82): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#050A3D): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Cerulean Station color palette (#C7E8F4, #008CB9, #005B81, #00385A, #001831)
• Antique Veranda color palette (#BAF1FF, #16BBFA, #007FDF, #34379E, #200B43)
• Soft Nightshade color palette (#D7EDF2, #009BD2, #005AA0, #2115AB, #281D5A)
• Hushed Field color palette (#E1EFFF, #3880D4, #00804F, #004588, #00170A)
• Ultramarine Market color palette (#D8DFFF, #7D8CE1, #454FB3, #1D1571, #03001E)
• Feathered Nightshade color palette (#E4EAFF, #777ADE, #4E38AE, #3B1477, #21043D)
• Denim Study color palette (#E8F0FF, #CCC6FF, #A788CB, #365A94, #0C142E)
• Sapphire Station color palette (#D5DEF5, #3D5CD9, #952886, #00575D, #030725)

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