Hazy Navy Coast color palette — #FDD5D3 · #AF7D70 · #775618 · #00417C · #250241

Built around Navy, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#FDD5D3): A whisper-light, dusty orange — the color of toasted spice.
• Caramel (#AF7D70): A luminous, dusty orange — the color of toasted spice.
• Coffee (#775618): A full-bodied, balanced gold — the color of old brass.
• Navy (#00417C): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#250241): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Washed Onyx Courtyard color palette (#FDE8FF, #A57387, #80503B, #004853, #00184E)
• Wandering Fern Coast color palette (#FBE1DB, #9D8A5B, #46680B, #403165, #370033)
• Amber Dune color palette (#FFE6E1, #B68E3E, #4F6327, #2F295C, #07011E)
• Wandering Olive color palette (#F0E4D0, #A28F3A, #6E7D1D, #1C5B50, #002527)
• Faded Lapis color palette (#D0E3DA, #7F7C00, #494CDF, #4A4800, #08003C)
• Washed Cabin color palette (#F5E4EF, #6DACC1, #006CA6, #004B44, #000843)
• Ancient Bronze Lagoon color palette (#FFEBDE, #9C7000, #645300, #2F3200, #071400)
• Aged Parlor color palette (#FDEFCD, #6E9C93, #007F7C, #6C3048, #431804)

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