Tempered Cobalt color palette — #EBEDFF · #EDBFFF · #D69CCC · #786DB1 · #363351
Slate and Thistle set the tone — five colors that lean into creativity and balance.
The five colors
- Frost (#EBEDFF): A whisper-light, dusty violet — the color of a velvet chair.
- Thistle (#EDBFFF): A whisper-light, balanced pink — the color of peonies in June.
- Mauve (#D69CCC): A luminous, balanced pink — the color of a candy shop window.
- Slate (#786DB1): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#363351): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Balance. Tagged pastel, 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
- Blush Bloom color palette (#EDF0FF, #E7BEF1, #CC7AA6, #4C599D, #2E2E4A)
- Weathered Powder color palette (#E5F1FF, #C1D3FF, #A9A9EB, #3C7CA8, #202F45)
- Weathered Coral color palette (#F8F0FF, #FFC8D4, #F4908B, #A36A92, #392542)
- Weathered Blush color palette (#E3DBFE, #EBA5D6, #EC7DA8, #784D91, #251A38)
- Softworn Cobalt color palette (#F1F5FF, #F3D8E0, #FFB1A5, #2085BE, #272442)
- Iris Archive color palette (#FFE3F0, #F5C5DC, #FFA5A0, #7296FA, #3A2548)
- Hushed Archive color palette (#F7F3FF, #EAD9D9, #F3BFAE, #A282A9, #50465A)
- Tangerine Lagoon color palette (#E4D9EE, #F68020, #80385E, #3F1B2D, #100717)
Browse the whole catalog at Explore, or see today's palette.