Worn Cobalt color palette — #E2F3FF · #007BC9 · #00539B · #002A6F · #040846

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E2F3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#007BC9): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00539B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#002A6F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#040846): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Tempered Navy color palette (#DEF4FF, #0073AA, #003A74, #0A0071, #0C003B)
• Muted Navy color palette (#C6EDF0, #0089AF, #005696, #190076, #030007)
• Washed Harbor color palette (#D5F3F8, #008EA8, #005F78, #003D52, #001524)
• Wandering Sapphire color palette (#E3F0FF, #569FFF, #3A6DFF, #3040B9, #24216C)
• Lilac Thicket color palette (#F1DEEB, #AAA1EE, #AC73D5, #3D5A97, #181337)
• Bright Coast color palette (#D3E0F3, #3070FE, #3824E3, #2C058C, #12003D)
• Chalky Lantern color palette (#D1E8F3, #0091D4, #006AE1, #1700D2, #0E003D)
• Nightshade Bloom color palette (#E3E7FF, #7179FF, #3B2CCB, #1A006C, #01000E)

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