Tempered Cobalt color palette — #E1E9F2 · #C3BDD3 · #AFA0B5 · #3D84C6 · #15202C

Cerulean and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E1E9F2): a clean, paper-quiet neutral.
• Stone (#C3BDD3): A luminous, dusty violet — the color of twilight just after sunset.
• Mauve (#AFA0B5): A luminous, dusty pink — the color of neon signs at night.
• Cerulean (#3D84C6): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#15202C): 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 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

• Denim Lantern color palette (#F2E9F2, #D3BCCE, #B49DAC, #3360A0, #271A28)
• Timeworn Iris color palette (#F1F5FE, #E4D4EA, #DAB5D1, #8A8BF0, #2C3245)
• Navy Villa color palette (#F1E8F1, #BEADB9, #9D8691, #004381, #110612)
• Dusty Driftwood color palette (#D4E5F4, #A19BD5, #AA6D96, #5C7042, #02322A)
• Tempered Loft color palette (#DFE1EE, #AD9AAA, #9D7E8C, #744D9F, #080812)
• Byzantium Veranda color palette (#CCE9DB, #229DFA, #924ECE, #5B5800, #0A1236)
• Wandering Summit color palette (#DEE7FF, #34CFFE, #94A3FF, #D362BB, #1B0733)
• Emerald Thicket color palette (#D7EFD9, #B0AC37, #5C8F32, #5C5E8F, #002115)

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