Tempered Cobalt color palette — #ECF1E2 · #A2CFC4 · #5987CA · #00658F · #192A5A

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

The five colors

• Cream (#ECF1E2): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#A2CFC4): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#5987CA): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00658F): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#192A5A): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Timeworn Cerulean color palette (#EEF0E1, #ACCEB4, #0096B0, #006C6B, #003342)
• Cornflower Canyon color palette (#F2F8E9, #9CD1FF, #1C8CFA, #006C92, #082D71)
• Petrol Basin color palette (#F6EDE2, #8DBDB1, #5062AA, #004E5A, #312159)
• Periwinkle Garden color palette (#EAF1E9, #AFD8FF, #809EFF, #008EA1, #2F264F)
• Chalky Azure Meadow color palette (#F5F6EC, #A9E6F8, #00ABD8, #00818A, #004662)
• Muted Petrol color palette (#E2E6D5, #75A9C7, #006CA6, #004858, #00142B)
• Olive Orchard color palette (#DFE0C8, #73AA52, #0092C6, #3A7400, #002D41)
• Lagoon Villa color palette (#F5F6EE, #CAE5DD, #9ABB9F, #579388, #395141)

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