Tempered Cobalt Field color palette — #EEF6FF · #D9D8E9 · #C4BBD8 · #238ED2 · #304252

Built around Cerulean, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Silver (#D9D8E9): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#C4BBD8): A luminous, dusty violet — the color of twilight just after sunset.
• Cerulean (#238ED2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#304252): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Cobalt Field 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

• Patina Bloom color palette (#EAEFF5, #D2D8E4, #B1B6CE, #3573BB, #252F3B)
• Weathered Ash color palette (#F3F5FC, #DDD8DF, #CABCCA, #8C88BC, #454750)
• Worn Azure Harbor color palette (#EDF8F4, #E7D3CF, #ABA091, #4C99D2, #273A34)
• Fern Courtyard color palette (#EFF6FF, #AFB9E1, #948CB3, #806A44, #525319)
• Hushed Byzantium color palette (#F4F4FF, #DFDBEB, #C6B6D4, #9750C7, #302F49)
• Cornflower Cabin color palette (#E7F0FF, #5E78F7, #483D64, #1B263B, #07121E)
• Aubergine Delta color palette (#E9EBF6, #B4B1C7, #9990A8, #5D3D92, #101224)
• Pale Study color palette (#EFF6FF, #539BFF, #C13E7D, #685300, #003936)

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