Tempered Ultramarine color palette — #DCE5FE · #687CDA · #3831D3 · #120074 · #010013
Built around Cobalt, softened by Deep Indigo — the whole palette hums with creativity and calm.
The five colors
- Frost (#DCE5FE): A whisper-light, dusty violet — the color of a velvet chair.
- Periwinkle (#687CDA): A luminous, balanced violet — the color of wild irises.
- Cobalt (#3831D3): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Indigo (#120074): A deep, shadowed, vivid violet — the color of wild irises.
- Black (#010013): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Calm, Energy, Balance. Tagged monochrome, vibrant, cool.
Use it as a design system
One click turns Tempered Ultramarine 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
- Nightshade Villa color palette (#DBE4FF, #7491FF, #2C33BF, #09004E, #01000B)
- Timeworn Cabin color palette (#E1DEF6, #8F78E7, #622DC3, #2D0066, #02000C)
- Cornflower Alley color palette (#D7E1EE, #438DE4, #0054A0, #002752, #000208)
- Obsidian Nightshade Boulevard color palette (#E9EEFF, #4063E1, #250098, #040041, #02001A)
- Frosted Thicket color palette (#E1E9FD, #7296FF, #4460FF, #2A37A4, #010018)
- Patina Pier color palette (#E3E5FF, #A5A8FF, #6E4EFC, #4000BC, #16004E)
- Misty Nightshade color palette (#F2D7EB, #AAAAF5, #AB7BE5, #1A4EAB, #14113D)
- Aubergine Thicket color palette (#EFE1F2, #B06EC3, #80009B, #41004D, #060008)
Browse the whole catalog at Explore, or see today's palette.