Tempered Cobalt color palette — #F9F0EA · #8ED3ED · #3981BB · #005C56 · #2F162C

A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Sky (#8ED3ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3981BB): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005C56): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#2F162C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Cerulean Balcony color palette (#FAEFEA, #89D8D4, #008BA0, #1C5D3A, #002436)
• Aged Grove color palette (#FBF2F7, #A7CBDF, #527BA8, #006150, #333560)
• Ancient Cerulean color palette (#F8F0E8, #BAE8DA, #798CBC, #256973, #3C2231)
• Softworn Azure color palette (#EFF8F1, #AFDBF6, #4D9ED3, #007B80, #213B5D)
• Dusty Cerulean color palette (#ECE1D8, #1683AC, #003C70, #001F1F, #01000B)
• Airy Raspberry Canyon color palette (#E1EED7, #00AA87, #B65292, #00644F, #320A25)
• Hushed Emerald color palette (#DAE3C9, #3AB054, #007A52, #004C43, #002325)
• Washed Denim Meadow color palette (#F4E8DD, #69A4C7, #1355A7, #00393B, #070428)

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