Weathered Navy Coast color palette — #ECDDE3 · #1496C8 · #003EA7 · #002C28 · #050018

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

The five colors

• Shell Pink (#ECDDE3): a clean, paper-quiet neutral.
• Cerulean (#1496C8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Indigo (#003EA7): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Forest (#002C28): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#050018): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Weathered Navy Coast 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 Field color palette (#EEDDEB, #3799A5, #005071, #002E1A, #00011B)
• Muted Atelier color palette (#F6EDDE, #78C1E9, #006AB4, #003D44, #000114)
• Hazy Ridge color palette (#F5E5D8, #74AAC7, #0564C0, #004A4B, #0D0541)
• Cobalt Market color palette (#FCEDF3, #9FCEEF, #5F79BB, #005B59, #1A1D3C)
• Worn Cerulean Pier color palette (#F8EFF6, #AAEAED, #4998BA, #41694D, #192D45)
• Muted Study color palette (#E6E9D2, #34B97D, #008498, #592E00, #020700)
• Faded Atelier color palette (#CBECE0, #546300, #5B00AF, #262E00, #040010)
• Charred Olive color palette (#E6F2D3, #328100, #2A3E00, #041200, #010100)

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