Tempered Cobalt color palette — #F9F3FA · #E5D5D9 · #DEB6BD · #3989D8 · #483A4A
Built around Azure, softened by Rosewood Mist — the whole palette hums with trust and stability.
The five colors
- Ivory (#F9F3FA): bright and airy, almost weightless.
- Silver (#E5D5D9): a clean, paper-quiet neutral.
- Rosewood Mist (#DEB6BD): A luminous, dusty red — the color of a theater curtain.
- Azure (#3989D8): A luminous, balanced blue — the color of deep harbor water.
- Charcoal (#483A4A): A deep, shadowed, dusty pink — the color of a candy shop window.
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 Garden color palette (#EEF8F4, #E4D3CD, #B7BDAF, #349ADA, #243A33)
- Tempered Iris Canyon color palette (#FCF2F6, #E9D5D1, #E4B7AB, #9076BE, #4E3842)
- Tempered Petrol color palette (#EDF8F4, #EDD8DC, #D1B2BE, #30709D, #32443F)
- Aged Indigo color palette (#F5E7F0, #6B71FF, #463976, #391A30, #170E16)
- Ash Canyon color palette (#FBF3F4, #E0D8D4, #A7B5A7, #B38CB1, #595051)
- Denim Pier color palette (#E9DEE4, #D0BFC6, #BA9BA6, #5953A7, #2A1923)
- Weathered Wisteria Summit color palette (#E7E5FF, #CAB0E9, #BB78BB, #8E615B, #633B26)
- Airy Lilac Ridge color palette (#FFF0FB, #C2DEFF, #A4BBFF, #AD8AFF, #303564)
Browse the whole catalog at Explore, or see today's palette.