Tempered Cobalt color palette — #F0F4E7 · #A8DDCB · #2786D8 · #005E7A · #002252

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

The five colors

• Cream (#F0F4E7): a clean, paper-quiet neutral.
• Mint (#A8DDCB): A whisper-light, dusty teal — the color of shallow lagoons.
• Azure (#2786D8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005E7A): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002252): A deep, shadowed, balanced blue — the color of deep harbor water.

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

• Weathered Bloom color palette (#F1F4E2, #9BDCEA, #0091B1, #006264, #002939)
• Quiet Drift color palette (#FFF1F6, #B2D2EE, #4F7CD2, #00656D, #3A3574)
• Azure Station color palette (#D1E5ED, #00AADE, #0073A3, #004B77, #002446)
• Hazy Sapphire color palette (#EEF5E2, #8EC1EF, #006FD7, #004D6B, #00104E)
• Denim Market color palette (#EDF1E4, #4992BD, #004D7C, #002A36, #00040F)
• Hazy Orchard color palette (#CFE8FF, #0089D7, #9254B9, #007262, #00192E)
• Wandering Petrol Studio color palette (#FFEAFF, #DFD4EF, #B9B3FF, #2073A9, #192849)
• Pale Emerald color palette (#D6FCF0, #0FA0F5, #1F9D32, #006096, #002905)

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