Tempered Cobalt color palette — #EAF9F5 · #A4C8EC · #C1B173 · #4891D3 · #504D46

A conversation between Cerulean and Camel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EAF9F5): a clean, paper-quiet neutral.
• Sky (#A4C8EC): A luminous, dusty blue — the color of open sky before noon.
• Camel (#C1B173): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#4891D3): A luminous, balanced blue — the color of deep harbor water.
• Charcoal Brown (#504D46): quiet, heavy and certain.

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

• Antique Cerulean Lagoon color palette (#EDF9F0, #95CFDC, #E09F8F, #009DB3, #6A4037)
• Patina Sand Cabin color palette (#EEF6FF, #D8D8F4, #E5C982, #789DCA, #354D3C)
• Washed Amber color palette (#EFF6FF, #94B1E2, #C28E35, #5472A7, #3B553C)
• Wandering Lilac Delta color palette (#FFF1F4, #D7B7E1, #ABB978, #AC72BD, #4E4D46)
• Aged Pier color palette (#FEF0FD, #E7D8D7, #B7AF98, #67B0BC, #614B5A)
• Driftwood Balcony color palette (#FDF1F7, #D2D4B2, #7D77A2, #614252, #35262E)
• Timeworn Sapphire color palette (#FFF0FC, #8CAAFF, #99B018, #3C59F6, #364000)
• Washed Petrol color palette (#FFF0FB, #CFD4FF, #8C9BD1, #5C66A8, #323659)

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