Tempered Cobalt color palette — #F1F5FC · #DCD7E0 · #C8B9C5 · #6180B7 · #333B47

A conversation between Slate Blue and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F5FC): bright and airy, almost weightless.
• Silver (#DCD7E0): bright and airy, almost weightless.
• Stone (#C8B9C5): A luminous, dusty pink — the color of neon signs at night.
• Slate Blue (#6180B7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#333B47): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Tempered Denim color palette (#F9F3F8, #E0D6D7, #C4ACB3, #4B609C, #423640)
• Peony Study color palette (#F6F4FB, #E9D5DB, #D6B7B7, #B16B9F, #423C4C)
• Ancient Violet Ridge color palette (#DADFF8, #866DCA, #453A52, #1D2032, #070E16)
• Cypress Alley color palette (#BCE5FD, #B3BAE6, #9A8EAD, #3B7466, #174E42)
• Timeworn Ultramarine color palette (#D9DFEB, #C2C2D3, #AAA0B3, #4857AD, #161F31)
• Antique Boulevard color palette (#E6E3EE, #AD9FB1, #967E8C, #652767, #0A0615)
• Ancient Lagoon color palette (#EEF9ED, #B6B88B, #648C64, #785673, #1A3D30)
• Azure Cabin color palette (#D1F8F1, #56ACDD, #8B66A0, #3A612B, #212F4F)

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