Tempered Ultramarine color palette — #FFF0FD · #578EFF · #9F7800 · #1E51C3 · #4B3700
A conversation between Cobalt and Azure, giving this palette its sense of optimism and creativity.
The five colors
- Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
- Azure (#578EFF): A luminous, vivid violet — the color of wild irises.
- Ochre (#9F7800): A full-bodied, balanced gold — the color of old brass.
- Cobalt (#1E51C3): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Olive (#4B3700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Optimism, Creativity, Balance. Tagged 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
- Ultramarine Bloom color palette (#FFEAFE, #4E97FF, #9A8100, #0056B9, #282000)
- Iris Quarry color palette (#FEE7F4, #857BED, #867B00, #5145A3, #3C3600)
- Periwinkle Station color palette (#D8FFF3, #34AAFF, #A55A00, #00619A, #592E00)
- Gentle Sapphire Bloom color palette (#F0F5FF, #8BAAFF, #DB9117, #3A5BF2, #523300)
- Aged Lilac Quarry color palette (#FFF1F5, #B686E3, #749654, #77519A, #43433C)
- Misty Wisteria Harbor color palette (#FFF1F5, #CB76FF, #608F00, #6F179A, #2B4300)
- Muted Indigo Meadow color palette (#E4EBFF, #506DFF, #D21D0E, #007433, #242E50)
- Scarlet Cabin color palette (#DEFFEA, #00A5C0, #E13222, #006779, #661F16)
Browse the whole catalog at Explore, or see today's palette.