Navy Coast color palette — #ECDAE0 · #4F7EA0 · #24327C · #001F1F · #020007

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

The five colors

• Shell Pink (#ECDAE0): A whisper-light, dusty rose — the color of a warm blush.
• Slate (#4F7EA0): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#24327C): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#001F1F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Patina Abyss color palette (#EFE3ED, #458488, #004258, #00210D, #000106)
• Aged Cabin color palette (#F7EFE2, #7EA7C9, #23529B, #002A34, #01000B)
• Tempered Petrol color palette (#F2E4EF, #80C0C8, #0074A1, #004E2F, #041335)
• Worn Forest Delta color palette (#F8EEF8, #8FE0DF, #0091B3, #136626, #002549)
• Antique Aubergine Station color palette (#F4E2FB, #C3785C, #636901, #4B1762, #090100)
• Cerulean Parlor color palette (#F8EFF2, #C1E1F9, #748DC0, #1A6C66, #242949)
• Garnet Bloom color palette (#FFE9EC, #72002D, #00393D, #03202E, #040001)
• Lowlit Archive color palette (#ECDAEB, #910022, #004639, #40000A, #000201)

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