Tempered Cobalt color palette — #DCEDFF · #007CD4 · #3F3C65 · #0F1E2D · #000204

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

The five colors

• Frost (#DCEDFF): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#007CD4): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Navy (#3F3C65): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Midnight (#0F1E2D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000204): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Dusty Lagoon Coast color palette (#DAF5FF, #008A92, #184762, #00212B, #000203)
• Aged Indigo Market color palette (#EAF0FF, #6C55FF, #53345C, #151C31, #000206)
• Cellar Denim Harbor color palette (#EFD9F1, #0061B0, #152243, #120215, #000201)
• Hushed Loft color palette (#E3E4F7, #847CFF, #72447E, #2B334E, #010813)
• Ancient Periwinkle color palette (#DBE6F4, #78AAFF, #696D8B, #414A58, #13191E)
• Dusty Peony color palette (#EAE3F6, #E065C3, #715773, #3F3948, #0C0C15)
• Softworn Quarry color palette (#F2E5EC, #64D0F1, #019AEA, #007E73, #091B48)
• Worn Jade color palette (#DAF2EA, #5AC075, #00947C, #316C80, #00220A)

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