Quiet Navy Harbor color palette — #DFFFE5 · #AB8700 · #466E00 · #003D98 · #3B3700
A conversation between Indigo and Olive, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DFFFE5): A whisper-light, dusty teal — the color of shallow lagoons.
- Mustard (#AB8700): A luminous, balanced gold — the color of honey in a jar.
- Olive (#466E00): A full-bodied, balanced green — the color of a quiet forest floor.
- Indigo (#003D98): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Olive (#3B3700): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.
Use it as a design system
One click turns Quiet 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
- Misty Aubergine Corridor color palette (#E1FEE6, #7F9830, #00724D, #4C2498, #203E11)
- Tempered Amber color palette (#DEFFE5, #CB7219, #6F6000, #004D65, #4B2F00)
- Patina Nightshade Courtyard color palette (#CDE6D2, #867807, #145D05, #1B0F93, #232700)
- Quiet Aubergine Lagoon color palette (#FFECF5, #D47500, #3D780D, #4D0C7D, #251A00)
- Nightshade Station color palette (#E6FCEE, #927D00, #00685F, #250EB5, #5D002F)
- Hazy Emerald color palette (#FFF3E9, #F08B00, #419D13, #6632A2, #423300)
- Soft Aubergine Workshop color palette (#E3F0E5, #597000, #004931, #2C0062, #061C00)
- Chalky Cypress color palette (#E8FAF6, #76B38B, #007B64, #744300, #0C4628)
Browse the whole catalog at Explore, or see today's palette.