Tempered Cobalt color palette — #E9F5F4 · #ABCBE9 · #2B7DD1 · #005775 · #0D1F3F

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F5F4): bright and airy, almost weightless.
• Sky (#ABCBE9): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#2B7DD1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005775): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#0D1F3F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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 Hollow color palette (#EAF4F2, #9ED0E2, #008B9D, #005C57, #00252E)
• Muted Studio color palette (#FBF4EC, #A2CAE9, #5877B5, #005E67, #37355A)
• Muted Grove color palette (#D9E8E7, #557CA3, #003680, #001D2D, #00000D)
• Cerulean Pier color palette (#E2F0EE, #3598AF, #005168, #002B2F, #00050A)
• Weathered Petrol color palette (#EBF4F3, #D4D9ED, #76A1C7, #2D758D, #2A3746)
• Ancient Hollow color palette (#D8EFE9, #6EA33F, #0087B3, #376300, #00202D)
• Aged Emerald Thicket color palette (#D4F6F4, #00944E, #007B94, #725700, #001818)
• Mint Hollow color palette (#DBF9F4, #AFE1F4, #76CAAE, #5A6E38, #022D2B)

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