Tempered Cobalt color palette — #FBF4EC · #A6CFC3 · #5F75B2 · #005E6A · #3A3558
A conversation between Slate and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF4EC): a clean, paper-quiet neutral.
- Pistachio (#A6CFC3): A whisper-light, dusty teal — the color of glacier melt.
- Slate (#5F75B2): A full-bodied, balanced violet — the color of a velvet chair.
- Peacock (#005E6A): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#3A3558): 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
- Ancient Thicket color palette (#FEF3ED, #B2CDB4, #1D859F, #026342, #0B3E5E)
- Antique Parlor color palette (#EAF4F4, #B4CAE0, #4B7DBD, #005678, #0B1D46)
- Cobalt Studio color palette (#FFF3E9, #79C2E6, #006EC8, #005655, #242B68)
- Weathered Petrol color palette (#F3F7ED, #B4DFD3, #6697D8, #0075A1, #293A5C)
- Tempered Balcony color palette (#F0F8EF, #C9E4FD, #8FAFFF, #2F9BAB, #313857)
- Muted Ash color palette (#FAF4EE, #CCE5E7, #8299C5, #57785E, #614B58)
- Lagoon Boulevard color palette (#F2E2D9, #3E8F8D, #004451, #002412, #000B14)
- Muted Drift color palette (#E7DCD6, #5EAEB0, #006177, #004029, #002237)
Browse the whole catalog at Explore, or see today's palette.