Navy Courtyard color palette — #DCF2E9 · #424D00 · #00287A · #300029 · #100500
A conversation between Navy and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DCF2E9): A whisper-light, dusty teal — the color of glacier melt.
- Deep Olive (#424D00): A deep, shadowed, balanced green — the color of fresh herbs.
- Navy (#00287A): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#300029): A deep, shadowed, balanced pink — the color of a candy shop window.
- Ink (#100500): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Trust, Stability, Creativity, Depth. Tagged jewel, vibrant, dark.
Use it as a design system
One click turns Navy Courtyard 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
- Aubergine Thicket color palette (#D3E8E6, #005424, #3C007E, #3C0018, #080500)
- Forest Market color palette (#CFF2EE, #006A27, #003A5E, #3C002D, #1B0F00)
- Onyx Boulevard color palette (#D8F1DF, #563F00, #003746, #23003E, #110000)
- Eclipse Lagoon color palette (#DAF2E4, #594E00, #003853, #3A0002, #000201)
- Garnet Orchard color palette (#EEE6D7, #7B6200, #004E7E, #5D1800, #0A0600)
- Aubergine Atelier color palette (#D9F8F6, #007839, #47009F, #560025, #1F1600)
- Tempered Emerald color palette (#E3EFD1, #3B9446, #005940, #002F2A, #021621)
- Hushed Grove color palette (#DBE7E4, #AABDBC, #70969A, #295000, #022620)
Browse the whole catalog at Explore, or see today's palette.