Worn Cobalt color palette — #FEF1F7 · #A3D6F2 · #3280D8 · #006667 · #333A70

Azure takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Powder Blue (#A3D6F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#3280D8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006667): A full-bodied, dusty teal — the color of sea glass.
• Navy (#333A70): A deep, shadowed, balanced violet — the color of a velvet chair.

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 Quarry color palette (#FBF2F8, #BBE3F8, #5192BC, #007265, #354964)
• Cobalt Corridor color palette (#EFF5E2, #9FD8FA, #008AD2, #005F75, #002648)
• Washed Sapphire Studio color palette (#FFF1F6, #73C1F3, #0362E7, #00555A, #2C2867)
• Cobalt Courtyard color palette (#F3F4FF, #FFD4E1, #FFA0A5, #4374BA, #484366)
• Hazy Cabin color palette (#F4E0EA, #3A9CC0, #004C82, #00302E, #060642)
• Powdered Powder Thicket color palette (#FBF4EA, #C6EAFF, #75BDFF, #00A3B4, #253E70)
• Softworn Lagoon color palette (#E6DCE3, #318F95, #004355, #002417, #000A16)
• Violet Hollow color palette (#E6EAFF, #9664F7, #787700, #0D6B12, #33284F)

Browse the whole catalog at Explore, or see today's palette.