Tempered Cobalt color palette — #EAF3FF · #D8D3E7 · #D5B2D7 · #4479AF · #242E41

Slate takes the lead with Lavender close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EAF3FF): bright and airy, almost weightless.
• Silver (#D8D3E7): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender (#D5B2D7): A luminous, dusty pink — the color of a candy shop window.
• Slate (#4479AF): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#242E41): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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

• Antique Courtyard color palette (#F1F0FF, #E1D1E0, #FAB2B3, #8268A7, #302C40)
• Washed Mallow color palette (#E6FBF5, #FDDDE0, #EFB9E8, #3D8297, #574855)
• Patina Lapis Villa color palette (#EFEFFF, #D3BCFF, #DE86F0, #494FCE, #270E4A)
• Denim Studio color palette (#F0F1FC, #DDA29E, #5C4A7C, #2D1D45, #0A0B1A)
• Hushed Blush Drift color palette (#F0EAFF, #CEBBDF, #E47C96, #7C438D, #2D0D23)
• Antique Petal Workshop color palette (#FFF0FC, #E7D5D7, #D7C8FF, #7DA0CB, #5A4555)
• Worn Cerulean color palette (#E7F4FF, #448DC2, #657F40, #00623E, #061C2D)
• Ancient Cocoa color palette (#FBEDF6, #C1A0B2, #996754, #6F3C33, #311A25)

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