Tempered Cobalt color palette — #F9F3F9 · #E2D6D6 · #D4B8B1 · #5381C6 · #413741

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#E2D6D6): bright and airy, almost weightless.
• Stone (#D4B8B1): A luminous, dusty orange — the color of sun-warmed clay.
• Cerulean (#5381C6): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#413741): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Muted Study color palette (#F1F7F2, #D0DCDD, #D6BFD1, #0090A3, #313E35)
• Tempered Ash Study color palette (#FAF3F8, #E4D5D7, #D4BABB, #8D9FCA, #41373F)
• Hushed Orchard color palette (#F1F5FC, #DAD7E1, #AAB2CF, #4E6294, #363B42)
• Weathered Study color palette (#FFF1F6, #EFD7D9, #DBB3AC, #9349DD, #422B34)
• Indigo Study color palette (#F6E0EB, #7F6FCF, #58333B, #321727, #130913)
• Weathered Emerald Thicket color palette (#FEF4E4, #B4B989, #5F8F51, #605C8E, #37352F)
• Weathered Peony Lagoon color palette (#FFF1F2, #E4D7CC, #D1BEA0, #BA61A8, #51383A)
• Wandering Pewter color palette (#CAEADC, #D2B2CA, #A487AB, #577449, #344928)

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