Navy Garden color palette — #DEF1ED · #4A8A62 · #005141 · #22275D · #00220F
A conversation between Navy and Fern, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DEF1ED): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#4A8A62): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#005141): A deep, shadowed, dusty teal — the color of sea glass.
- Navy (#22275D): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#00220F): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, 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
- Forest Courtyard color palette (#D1E8DB, #6C8528, #115304, #003150, #161E00)
- Wandering Olive Alley color palette (#CBE7D8, #508946, #005041, #411A2E, #000A08)
- Dusty Balcony color palette (#D5EAE5, #5E9C6F, #00644D, #5A2D42, #00302F)
- Wandering Olive Market color palette (#DDEFE1, #736F00, #2D3E00, #29114B, #111000)
- Pine Veranda color palette (#E4FCF3, #7BB472, #007D4F, #6E3E5E, #0F443E)
- Tempered Terrace color palette (#ECE2F1, #B82D70, #00685D, #6B003B, #00201C)
- Moss Garden color palette (#DDF2E2, #9B9700, #4A6500, #51326A, #313000)
- Hushed Workshop color palette (#E6ECD7, #5DBC95, #1E937A, #266C8A, #141F00)
Browse the whole catalog at Explore, or see today's palette.