Navy Harbor color palette — #F9E0F6 · #3A66C0 · #5F5600 · #001B78 · #010100
Built around Navy, softened by Royal Blue — the whole palette hums with nature and growth.
The five colors
- Blush (#F9E0F6): A whisper-light, dusty pink — the color of peonies in June.
- Royal Blue (#3A66C0): A full-bodied, balanced violet — the color of a velvet chair.
- Olive (#5F5600): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#001B78): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Amethyst Field color palette (#FFE7F0, #7A50B6, #416000, #3A006A, #010100)
- Washed Quarry color palette (#C9E6DD, #0070B0, #814100, #002E4C, #030100)
- Worn Ultramarine Balcony color palette (#E2EBFA, #1E28DA, #493E00, #08006C, #080600)
- Muted Nightshade color palette (#EEEDFF, #553CA7, #584300, #3F2F00, #010008)
- Patina Ultramarine Drift color palette (#D5E1F8, #576CF6, #847000, #331CE4, #080600)
- Wandering Coral color palette (#FEE8F9, #C1A4D8, #DE6C7F, #00536C, #020008)
- Moonless Onyx color palette (#FBEAF1, #478C56, #260048, #100303, #020007)
- Peony Field color palette (#F5E4E5, #B84DAC, #007A57, #670060, #000201)
Browse the whole catalog at Explore, or see today's palette.