Tempered Cobalt color palette — #EDF4EE · #B2CAE4 · #607BB2 · #00586F · #1A1A42

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Lilac Frost (#B2CAE4): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#607BB2): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#00586F): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#1A1A42): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, 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

• Softworn Pier color palette (#ECF4EE, #ACCED9, #198AA1, #005D4D, #002434)
• Dusty Cobalt color palette (#EAF5EC, #80C5EB, #0075C3, #005059, #000D52)
• Indigo Market color palette (#F9F4EF, #A4C9EC, #626FC5, #005F62, #502F3C)
• Denim Archive color palette (#D6E2D8, #4E95AC, #004F73, #002B2C, #00040F)
• Petrol Veranda color palette (#EEF4EF, #D7DBEE, #859EC0, #0E778F, #2A364D)
• Misty Olive Field color palette (#F5DDF4, #B55E60, #348220, #2156AE, #2A0508)
• Muted Loft color palette (#F1E4F2, #C9757E, #008F85, #A00037, #00221F)
• Timeworn Chestnut Drift color palette (#D5E6D7, #7EA38C, #805E14, #5C3200, #001E13)

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