Navy Harbor color palette — #FFF0F8 · #FBBDA1 · #9E9B53 · #4D5E9D · #24306D
Built around Navy, softened by Slate — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Cantaloupe (#FBBDA1): A whisper-light, balanced orange — the color of sun-warmed clay.
- Moss (#9E9B53): A luminous, balanced green — the color of new leaves after rain.
- Slate (#4D5E9D): A full-bodied, balanced violet — the color of wild irises.
- Navy (#24306D): A deep, shadowed, balanced violet — the color of wild irises.
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
- Hushed Amber Quarry color palette (#F6F3FF, #FFB2D0, #C17E3A, #3069A1, #002F57)
- Airy Cabin color palette (#FFF1F4, #F7C18C, #7E9757, #76477F, #4D1A57)
- Tempered Meadow color palette (#F8D7CC, #E6AC6B, #AD9F4A, #008396, #133E6A)
- Chalky Amber color palette (#FADDED, #DD8553, #73711F, #384A83, #3F2F5A)
- Worn Sand color palette (#FFF2EB, #E7D7B2, #9BAA87, #7A5A5F, #51353A)
- Antique Moss Station color palette (#F5E2C2, #7CA060, #0B6B74, #522139, #1A000C)
- Airy Onyx Field color palette (#FFDBC6, #B1B36C, #1D877E, #5F3359, #32022E)
- Dusty Driftwood color palette (#FFF1F3, #E3DCD1, #C4BCA8, #A0808A, #5D474E)
Browse the whole catalog at Explore, or see today's palette.