Tempered Cobalt color palette — #E2F3FF · #88C7F1 · #448BC8 · #436592 · #4E4B68

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

The five colors

• Frost (#E2F3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#88C7F1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#448BC8): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#436592): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#4E4B68): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.

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

• Dusty Cerulean Bloom color palette (#E7F9FF, #69C2CF, #0096AE, #16728D, #395162)
• Cobalt Courtyard color palette (#F0F5FF, #B0C5F6, #647FC4, #394B7C, #2A3A58)
• Blush Cabin color palette (#F0F6FF, #97AFE4, #D67791, #5971A8, #58455E)
• Washed Glacier color palette (#DDFFE6, #7CD7FF, #63A1D6, #6174A1, #5F4653)
• Hushed Market color palette (#F0F5FF, #DBD8E2, #C7A6A9, #7691B1, #4C515F)
• Weathered Veranda color palette (#F0F5FF, #8893D0, #B86C9D, #278492, #3B4252)
• Hushed Sapphire color palette (#CEE3FF, #6196FF, #4B5AFF, #3C31AF, #38336D)
• Aged Amethyst Workshop color palette (#E8ECFD, #9891ED, #704CD0, #58378C, #453259)

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