Navy Garden color palette — #F3E4EF · #ABA258 · #2B3C90 · #10183B · #0B0209
Built around Indigo, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Blush (#F3E4EF): A whisper-light, dusty pink — the color of a candy shop window.
- Moss (#ABA258): A luminous, balanced green — the color of a quiet forest floor.
- Indigo (#2B3C90): A deep, shadowed, balanced violet — the color of wild irises.
- Midnight (#10183B): A deep, shadowed, dusty violet — the color of a velvet chair.
- Ink (#0B0209): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark, muted.
Use it as a design system
One click turns Navy Garden 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
- Wandering Thicket color palette (#F8EAF3, #C09428, #363C74, #1A1E3E, #1E111A)
- Nightshade Field color palette (#F9EEF4, #9FBF8A, #4E4994, #242147, #13090F)
- Timeworn Lagoon color palette (#DEEDE8, #DD8379, #00497A, #001D36, #000705)
- Aubergine Study color palette (#F0DEE5, #00AF7B, #500093, #1F003E, #090003)
- Ultramarine Cabin color palette (#F1F5FF, #EECB81, #4F57B3, #202446, #01030E)
- Inked Navy color palette (#F3E4EE, #6F8300, #1E007E, #040028, #040002)
- Sunlit Mulberry Boulevard color palette (#FFEDEE, #69BD80, #80106E, #3D0033, #160104)
- Pewter Harbor color palette (#F7EFF2, #E2D3CB, #CBB0A8, #6C598A, #281D21)
Browse the whole catalog at Explore, or see today's palette.