Tempered Cobalt color palette — #F4F7EE · #A3D2F8 · #247CD1 · #004D68 · #000A28

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

The five colors

• Ivory (#F4F7EE): bright and airy, almost weightless.
• Powder Blue (#A3D2F8): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#247CD1): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004D68): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000A28): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Cobalt Bloom color palette (#F4F7EA, #AED7C2, #0085B4, #00505B, #000E1B)
• Weathered Petrol Pier color palette (#EEEFE2, #85C3C9, #007484, #003E3B, #000305)
• Hushed Denim color palette (#D0E3E3, #5AA6E0, #0057A1, #003B50, #0A1E40)
• Dusty Lagoon color palette (#EFE3D6, #8EC7F1, #558CFF, #007B86, #1D1448)
• Hushed Periwinkle color palette (#F3F7EC, #C2E0F5, #77B0FF, #0080B2, #1E3262)
• Weathered Cerulean color palette (#F5F6E9, #B6EDE0, #00A4B6, #006B63, #00232B)
• Dusty Denim color palette (#EDF0E5, #79A9C8, #005890, #002936, #000105)
• Moss Canyon color palette (#F1F1CF, #6EA52B, #0086AF, #365900, #00090F)

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