Tempered Cobalt color palette — #ECF7FF · #82CDFF · #0092E0 · #005686 · #002A42

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sky (#82CDFF): A luminous, balanced blue — the color of deep harbor water.
• Azure (#0092E0): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#005686): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#002A42): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, 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 Loft color palette (#ECF7FF, #C4E6FF, #009BDE, #00547A, #001624)
• Soft Aqua Field color palette (#E2FAFF, #09DBEF, #0097A5, #006069, #002A2E)
• Pale Indigo color palette (#F1F5FF, #AABDFF, #6176FA, #3F4AA2, #162060)
• Sky Balcony color palette (#EDF7FF, #24B2F8, #006FA3, #003E5C, #00293D)
• Worn Cerulean color palette (#EAF8FF, #DAD7F1, #C2BCFF, #329EAF, #224F44)
• Ancient Mallow Parlor color palette (#EEEEDF, #FFA0C1, #89B4FF, #4B324A, #2B1C2A)
• Feathered Ultramarine color palette (#DDE3F6, #7A8BFF, #424AD0, #271F86, #030027)
• Faded Market color palette (#FFF0FC, #E9B110, #4260C4, #2B385F, #271223)

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