Tempered Cobalt color palette — #FCEEF2 · #ADCBE9 · #6E77AC · #005B5F · #1D1C3B
A conversation between Slate and Peacock, giving this palette its sense of creativity and calm.
The five colors
- Blush (#FCEEF2): bright and airy, almost weightless.
- Sky (#ADCBE9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#6E77AC): A full-bodied, balanced violet — the color of a velvet chair.
- Peacock (#005B5F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#1D1C3B): 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
- Cerulean Villa color palette (#F8EEF8, #9ED1E2, #1487B0, #005F30, #0B203E)
- Patina Cobalt Lantern color palette (#EFF8F0, #B1C8DF, #5677B7, #005C74, #32365F)
- Sapphire Dune color palette (#FDEDF4, #82C5E6, #166BDF, #005249, #1B064A)
- Muted Grove color palette (#FBF4E9, #C6E4F9, #87A6E1, #007B99, #272A4E)
- Washed Denim Dune color palette (#EFE3EA, #4096B0, #004B83, #002D23, #03001B)
- Tempered Plum Corridor color palette (#D8EFE7, #98AB44, #964C97, #4F5C00, #2F0930)
- Sky Archive color palette (#DDF9F1, #B2E2FA, #80B5D8, #836739, #002C28)
- Hushed Olive color palette (#CBF1EA, #4A8F36, #8A5798, #83385F, #001915)
Browse the whole catalog at Explore, or see today's palette.