Tempered Cobalt color palette — #FFF2EB · #ADD7C2 · #237EC8 · #00524E · #030332

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Pistachio (#ADD7C2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#237EC8): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00524E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#030332): A deep, shadowed, balanced violet — the color of wild irises.

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

• Weathered Cerulean color palette (#FFF2EB, #9AD9D8, #0089A1, #005532, #000E19)
• Iris Atelier color palette (#FDF3E9, #C2F2E2, #628FEA, #006872, #1C114A)
• Frosted Ultramarine color palette (#F9ECDE, #93BBE1, #3B59D0, #003D45, #030010)
• Patina Drift color palette (#DEE2D1, #48A9CC, #006084, #003841, #000C18)
• Gentle Azure color palette (#D7E3E2, #86CBE7, #009ED9, #007A8C, #002238)
• Faded Atelier color palette (#E4F4D9, #00AA8C, #C62DA7, #005B4A, #14000F)
• Patina Turquoise Meadow color palette (#FFF2EC, #B8FDFF, #00ABCF, #007650, #002740)
• Softworn Moss color palette (#DFE9CC, #54AD4E, #007251, #003A31, #000F0F)

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