Worn Cobalt color palette — #E9F9F4 · #FFDDD2 · #277DB7 · #183C56 · #05120F

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F9F4): bright and airy, almost weightless.
• Shell Pink (#FFDDD2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Cerulean (#277DB7): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#183C56): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#05120F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.

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

• Softworn Cobalt Delta color palette (#FCF2FA, #FFE1AD, #5B75AE, #482E45, #140C13)
• Stone Dune color palette (#EAF5EE, #97C18E, #145E72, #002D38, #040F09)
• Lapis Balcony color palette (#FFF0FA, #D3E37F, #5254DB, #23265F, #0F030C)
• Weathered Denim Orchard color palette (#EEF6FE, #DB9C92, #225678, #09314A, #1A1C27)
• Worn Sand color palette (#ECF7FF, #F4D086, #4CA0C7, #4B677A, #15242D)
• Fuchsia Atelier color palette (#EFF7F3, #CBE2FF, #D975BE, #0099BC, #1F0B0D)
• Rust Workshop color palette (#ECF9F0, #1FC5E0, #CC5744, #0C6C50, #102116)
• Tempered Ultramarine color palette (#FFF0FE, #FFAF5E, #004AC8, #00184F, #030003)

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