Navy Harbor color palette — #F4EFCC · #6C925C · #007657 · #342B7E · #2D1437
A conversation between Royal Purple and Pine, giving this palette its sense of nature and growth.
The five colors
- Custard (#F4EFCC): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#6C925C): A luminous, balanced green — the color of fresh herbs.
- Pine (#007657): A full-bodied, balanced teal — the color of sea glass.
- Royal Purple (#342B7E): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#2D1437): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, 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
- Ancient Moss color palette (#F3F2CF, #6E9D54, #1C7459, #2C2C59, #1B0020)
- Patina Aubergine Garden color palette (#D6E6CE, #44987B, #007578, #56256D, #37001E)
- Moss Delta color palette (#F4E8DD, #83A52B, #00887F, #663E67, #320B33)
- Antique Delta color palette (#FEDECB, #777C3C, #005D52, #411C38, #340010)
- Timeworn Fern color palette (#F4D8E5, #9F8345, #5E6A14, #00435D, #0F174D)
- Airy Meadow color palette (#E5ECCF, #88BF8B, #00977E, #6655A2, #592352)
- Misty Mulberry color palette (#DDF6F4, #26A154, #8C0095, #005425, #1F0022)
- Washed Lagoon color palette (#D2E9DE, #00A37B, #006648, #002D1F, #000502)
Browse the whole catalog at Explore, or see today's palette.