Navy Harbor color palette — #FFDFD7 · #95733D · #425716 · #2D1960 · #2F0C33

Built around Deep Indigo, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFDFD7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Walnut (#95733D): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#425716): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#2D1960): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#2F0C33): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Gentle Atelier color palette (#FDE6EE, #9C634E, #604F00, #002A62, #1E143E)
• Worn Olive color palette (#F9E8D6, #748241, #00533D, #441A40, #2A0A23)
• Timeworn Denim Dune color palette (#F2E2D6, #A09161, #617F46, #0E598A, #191941)
• Weathered Olive Quarry color palette (#CAE7D6, #5A762B, #004420, #440023, #0A1300)
• Frosted Nightshade color palette (#D9F0E8, #566800, #3B00D1, #283100, #0A003B)
• Timeworn Nightshade Atelier color palette (#EDEDCE, #524F00, #3A00B0, #530052, #080800)
• Garnet Balcony color palette (#F2EDDF, #6E9F92, #287468, #663451, #432D46)
• Olive Studio color palette (#F6DBCD, #AF9230, #2A811B, #5F4475, #562848)

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