Tempered Cobalt color palette — #FFF4DD · #B7E3D4 · #8BB99A · #576FB8 · #553C6F
Built around Slate, softened by Royal Purple — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4DD): A whisper-light, dusty gold — the color of old brass.
- Mint (#B7E3D4): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#8BB99A): A luminous, dusty teal — the color of glacier melt.
- Slate (#576FB8): A full-bodied, balanced violet — the color of wild irises.
- Royal Purple (#553C6F): A full-bodied, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, 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 Pewter color palette (#DBFFEF, #B0E5DC, #79A4A9, #6B6296, #3A3250)
- Tempered Station color palette (#FFF0F7, #F1DBAD, #A3B379, #297BA2, #313E76)
- Washed Lantern color palette (#D8FFF6, #BFE0EE, #95C1CF, #87719E, #594A6A)
- Driftwood Chapel color palette (#FFE8E6, #E0CBA0, #87B888, #A977A2, #504468)
- Navy Lantern color palette (#E1EABA, #8EB696, #267E78, #483164, #2E0B2B)
- Muted Lime Delta color palette (#FFECB9, #A6BB66, #5B906A, #6D536A, #5F3957)
- Mustard Lagoon color palette (#FFDDD0, #ADB24F, #538D7C, #634D73, #341F41)
- Weathered Turquoise color palette (#DDFFE8, #7CE1CE, #00A8C5, #7B3F77, #57031D)
Browse the whole catalog at Explore, or see today's palette.