Tempered Cobalt color palette — #EEF6FF · #DBD8E3 · #C5BCCE · #4878B5 · #161F2A
A conversation between Slate and Stone, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Silver (#DBD8E3): a clean, paper-quiet neutral.
- Stone (#C5BCCE): A luminous, dusty violet — the color of a velvet chair.
- Slate (#4878B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#161F2A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Wandering Azure Hollow color palette (#EAEFF5, #D4D1DD, #C1B3C7, #5A96D6, #232F3C)
- Antique Denim color palette (#F1F5FF, #E1D5EC, #BAB7D4, #525995, #090C15)
- Violet Alley color palette (#F4F4FF, #E1D7E0, #C4A89D, #9567B5, #232332)
- Denim Veranda color palette (#F2ECF1, #D5C7D2, #B297A8, #0D50AA, #362836)
- Worn Mallow Pier color palette (#EBF0FF, #C5B0E4, #9F7699, #425D49, #212D05)
- Charred Amethyst Studio color palette (#DBE5FF, #6C4DFF, #22203E, #221413, #01030F)
- Patina Wisteria Courtyard color palette (#F1F5FF, #D2DBF4, #B7C7FF, #BC6DD9, #0D0624)
- Basalt Field color palette (#E7E3F2, #C1B5C9, #A188A4, #5A2254, #020004)
Browse the whole catalog at Explore, or see today's palette.