Tempered Cobalt color palette — #FBF4ED · #A0D1C0 · #5974C0 · #00605E · #3E3358

A conversation between Slate and Peacock, giving this palette its sense of creativity and calm.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Pistachio (#A0D1C0): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#5974C0): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#00605E): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#3E3358): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: 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

• Tempered Cerulean color palette (#FCF3EF, #B0CEB2, #0084A9, #206234, #49304A)
• Sapphire Ridge color palette (#FFF2EA, #5CC6ED, #006DCC, #00574A, #2C2965)
• Cobalt Grove color palette (#E9F6EC, #98CEF8, #4E7DBE, #00596A, #121F3B)
• Patina Periwinkle color palette (#FAF4EC, #ACDBFF, #6897D9, #00798F, #4D2E46)
• Aged Powder color palette (#FFF1F6, #C6E4FF, #8FB1F4, #249DA9, #2F3958)
• Patina Denim Workshop color palette (#EADED7, #549BAC, #004E7A, #003123, #080C39)
• Wandering Raspberry color palette (#FFDBD4, #C5446F, #007B84, #1D5B7A, #40221D)
• Weathered Mustard color palette (#FFF2F0, #ECDABB, #C3AE50, #835790, #503228)

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