Worn Ultramarine color palette — #D2E8F5 · #6EBBFF · #3C8BFF · #3F4FD2 · #3B3268
Built around Cobalt, softened by Azure — the whole palette hums with trust and stability.
The five colors
- Frost (#D2E8F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#6EBBFF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Azure (#3C8BFF): A luminous, vivid blue — the color of a favorite pair of jeans.
- Cobalt (#3F4FD2): A full-bodied, vivid violet — the color of a velvet chair.
- Navy (#3B3268): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged cool.
Use it as a design system
One click turns Worn 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
- Tempered Indigo color palette (#E5F1FF, #8CB2FF, #6E76FF, #6540BE, #50346F)
- Quiet Ultramarine color palette (#A8EEFF, #3FC5FD, #008CCE, #005FC2, #304079)
- Worn Ultramarine color palette (#EDF7FF, #B6D8FF, #5C9CFF, #3154BD, #1F2860)
- Powdered Sapphire color palette (#D1E6F8, #669EFF, #3F60FF, #4937A3, #352755)
- Soft Harbor color palette (#F3F4FF, #B6BCFF, #7B6AFF, #4640BF, #211358)
- Airy Boulevard color palette (#F0F6FF, #8AABFF, #CA9C18, #375DEF, #4B3700)
- Washed Corridor color palette (#F1F5FF, #E6D5E6, #EEA9EF, #5497D2, #433F65)
- Misty Drift color palette (#E7EFFF, #BDB6FF, #AA79E6, #82548F, #504566)
Browse the whole catalog at Explore, or see today's palette.