Tempered Cobalt color palette — #E5F6F5 · #ABD6F3 · #3688C9 · #005E77 · #00244C

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

The five colors

• Ivory (#E5F6F5): bright and airy, almost weightless.
• Powder Blue (#ABD6F3): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3688C9): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#005E77): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#00244C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Aged Canyon color palette (#E7F6F2, #9FD1E0, #138B99, #005C54, #00252D)
• Feathered Cobalt Parlor color palette (#E5F6F5, #82C3F6, #0072CD, #004D68, #001642)
• Hazy Bloom color palette (#D0E8FF, #0087DE, #9A4CBD, #007165, #001930)
• Ancient Denim Parlor color palette (#DDEFED, #5D91AD, #004E77, #002A34, #00040E)
• Washed Cobalt color palette (#FFF3E8, #AFD9C9, #497ED1, #00666B, #38386F)
• Chalky Canyon color palette (#BFE8F5, #00B1DF, #0074A0, #00456B, #002140)
• Dusty Cypress color palette (#EBF4F2, #C9DFF3, #77A4B3, #3B786C, #1E3A46)
• Dusty Thicket color palette (#FFF1F6, #D7D4DF, #80B0F8, #00878D, #2E2E60)

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