Tempered Cobalt color palette — #EFFADC · #97D9D3 · #4CADC9 · #2E7CA9 · #664864
Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Custard (#EFFADC): A whisper-light, dusty green — the color of new leaves after rain.
- Lagoon (#97D9D3): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#4CADC9): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#2E7CA9): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal Brown (#664864): A full-bodied, dusty pink — the color of neon signs at night.
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
- Cerulean Veranda color palette (#F4F9D7, #95D0B8, #50B6BD, #188BA5, #29574D)
- Cerulean Workshop color palette (#EDF9F2, #91CFE5, #E0A081, #009BBF, #524C47)
- Worn Cerulean color palette (#E5FAFF, #64C3CA, #009AB3, #296C89, #4A4E67)
- Indigo Courtyard color palette (#DAF7E1, #A3D3F6, #7E9CD8, #7D70B6, #68424E)
- Weathered Petrol color palette (#E0FDF1, #ADE0D1, #69A9CF, #00719E, #173F58)
- Linen Chapel color palette (#DBEEF2, #63B3E6, #3D84DA, #4B46BC, #492C61)
- Patina Corridor color palette (#EAFAF1, #EAD5D0, #A7B0A1, #5FB0B5, #5B4E5D)
- Ultramarine Lantern color palette (#90F6EC, #00CBEE, #0091D2, #0059DC, #443580)
Browse the whole catalog at Explore, or see today's palette.