Tempered Cobalt color palette — #EBF5ED · #9ADAFA · #0088DA · #00616A · #0F2348

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

The five colors

• Cream (#EBF5ED): bright and airy, almost weightless.
• Powder Blue (#9ADAFA): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#0088DA): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00616A): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#0F2348): 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

• Tempered Summit color palette (#ECF4EE, #92DFE2, #0092AA, #006451, #002939)
• Chalky Cobalt Loft color palette (#E8F6EB, #85C4EB, #0072CE, #00505C, #081443)
• Worn Hollow color palette (#FFF3E9, #8EDAFD, #497FCD, #00685C, #3D3967)
• Tempered Pier color palette (#E6F0E8, #4395B4, #004E77, #002B2E, #000411)
• Azure Harbor color palette (#FBF4E9, #AEE4FF, #41A2EF, #00818C, #293F66)
• Frosted Pine color palette (#D9F9FF, #BADEF9, #6AC7FF, #008550, #00303C)
• Timeworn Thicket color palette (#C6FFF8, #00CFC6, #008278, #003E3B, #001513)
• Quiet Quarry color palette (#EAF3E8, #00C16F, #00805E, #005649, #003130)

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