Tempered Cobalt color palette — #CDE7DE · #008ED8 · #946D00 · #005788 · #241800

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

The five colors

• Silver (#CDE7DE): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#008ED8): A luminous, balanced blue — the color of deep harbor water.
• Ochre (#946D00): A full-bodied, balanced gold — the color of old brass.
• Peacock (#005788): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#241800): A deep, shadowed, dusty gold — the color of old brass.

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

• Weathered Azure Studio color palette (#D3EEE4, #28A1E3, #9E4800, #005883, #2F1100)
• Quiet Sapphire color palette (#ECDDEC, #0074E5, #636E00, #00438A, #0F1100)
• Wandering Grove color palette (#E3EFFF, #629FFF, #AC5E00, #003F96, #100500)
• Muted Sapphire color palette (#E2F0FF, #006DC9, #7D4D00, #00396E, #291600)
• Cobalt Orchard color palette (#D3F5EB, #0078C7, #7E6700, #465A17, #001326)
• Pale Lagoon color palette (#DEF1DE, #00999A, #CC3700, #005F5F, #360800)
• Aged Grape Drift color palette (#EFDBE7, #786EFA, #996B00, #4D06D9, #261800)
• Wandering Emerald color palette (#E3F4EF, #3BA3F4, #00AB4A, #0075BE, #002209)

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