Worn Cobalt color palette — #FEF3EB · #A7D5F0 · #397FD7 · #006668 · #343971
Built around Azure, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Ivory (#FEF3EB): bright and airy, almost weightless.
- Powder Blue (#A7D5F0): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#397FD7): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#006668): A full-bodied, dusty teal — the color of sea glass.
- Navy (#343971): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Worn 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
- Cerulean Veranda color palette (#FEF2EC, #9EDADF, #008DB0, #00694C, #0D436A)
- Dusty Cobalt color palette (#E9F5F4, #97DAFF, #008BD1, #005F74, #002647)
- Hushed Atelier color palette (#FFF3E8, #8EBEDF, #0D62E8, #00555A, #2D2669)
- Denim Atelier color palette (#F1E0D6, #5999B5, #004B86, #00302F, #090740)
- Hushed Cypress color palette (#FBF3F0, #CDE6DD, #5FA6B3, #4A7B5A, #315246)
- Feathered Powder Ridge color palette (#FFF1F7, #C5EBFF, #80BAFF, #00A5A6, #333B6B)
- Tempered Delta color palette (#E8DFDA, #3E8E94, #004356, #002317, #000A17)
- Linen Indigo Pier color palette (#FAF6DC, #97AF3F, #7057CF, #536500, #3B2976)
Browse the whole catalog at Explore, or see today's palette.