Worn Navy color palette — #F0DAE3 · #3F89B1 · #00397E · #002223 · #060128

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

The five colors

• Shell Pink (#F0DAE3): A whisper-light, dusty rose — the color of strawberry cream.
• Cerulean (#3F89B1): A luminous, balanced blue — the color of deep harbor water.
• Navy (#00397E): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#002223): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#060128): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Worn Navy 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

• Weathered Balcony color palette (#EFE2EC, #00929C, #004357, #002318, #000A17)
• Nightshade Canyon color palette (#F2E3E8, #5397C6, #0F3EA5, #002F34, #13063A)
• Quiet Cobalt color palette (#F2EBE0, #77A7C5, #0E76CC, #005B68, #01002F)
• Antique Denim color palette (#E9DDE4, #5EABC1, #005D8C, #003F38, #051B4A)
• Moonless Cypress Thicket color palette (#C7F3F4, #007673, #003433, #19151A, #000C0B)
• Chalky Dune color palette (#D0EAE4, #00A5C0, #3A67C1, #0C3D01, #000E0F)
• Tempered Petrol color palette (#F5EBF2, #71C1C2, #00748C, #005335, #02314C)
• Inked Courtyard color palette (#C7E7ED, #005E56, #72004B, #002723, #120008)

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