Navy Coast color palette — #EED8E1 · #7E3F00 · #004388 · #002855 · #040100

A conversation between Navy and Bronze, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#EED8E1): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#7E3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#004388): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#002855): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Black (#040100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Depth, Luxury. Tagged dark.

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

• Navy Summit color palette (#D8E6D8, #6A4800, #003265, #001C3D, #060002)
• Worn Coast color palette (#D2EFDB, #635100, #31319D, #1C0D74, #020200)
• Shadow Villa color palette (#F2D8D5, #9D050B, #004E5C, #002F38, #070000)
• Powdered Lapis color palette (#E8E8D1, #777200, #594DB5, #3D3286, #001209)
• Misty Alley color palette (#F6E3CF, #7C5F00, #004B10, #2A0052, #040400)
• Bronze Meadow color palette (#EDD8E0, #AE5C00, #005336, #572B00, #000202)
• Nightshade Meadow color palette (#F9E9D5, #936100, #007261, #4600B9, #030100)
• Misty Orchard color palette (#E1ECCF, #526B00, #7D079D, #520967, #030500)

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