Tempered Cobalt color palette — #E0F7F6 · #A4D6FF · #4286CD · #005D7D · #032155

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

The five colors

• Ivory (#E0F7F6): A whisper-light, dusty teal — the color of sea glass.
• Powder Blue (#A4D6FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4286CD): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#005D7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#032155): A deep, shadowed, balanced 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

• Worn Cerulean Pier color palette (#E4F6F3, #91DEED, #0091B0, #006264, #002939)
• Frosted Cornflower color palette (#FCF3EB, #ABD4F4, #517AD8, #00656F, #3D3476)
• Frosted Sapphire color palette (#DBF9F9, #8FC0F4, #0F6AE3, #004C6E, #050D4F)
• Antique Delta color palette (#C1E8F9, #02ACEC, #0075AE, #004575, #002553)
• Denim Veranda color palette (#DAEEED, #5491BA, #004C80, #002A37, #000411)
• Chalky Byzantium Courtyard color palette (#D4E7FF, #337DF3, #AA40B1, #00706F, #041635)
• Powder Station color palette (#EAF3FF, #DFD1F1, #B9AAFF, #337BB6, #1B2B49)
• Weathered Cypress color palette (#EBF4F2, #CBDDF1, #73A4B8, #3E7670, #203A46)

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