Navy Courtyard color palette — #D9EFE1 · #7A6600 · #003C71 · #280C00 · #020100

Navy and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D9EFE1): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#7A6600): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#003C71): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#280C00): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged dark, muted.

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

• Twilit Aubergine color palette (#CBE8D9, #726900, #41009C, #310004, #050000)
• Abyss Pier color palette (#CFECF0, #6F6663, #005B4F, #181A20, #00070B)
• Deep Aubergine Veranda color palette (#D0F3F1, #037E3F, #600068, #201200, #020100)
• Deep Onyx color palette (#D8E9E8, #006634, #4C0046, #1D2623, #0D0600)
• Emerald Alley color palette (#D3E6DF, #49A270, #005A56, #282F00, #000201)
• Twilit Bloom color palette (#D6ECF2, #005554, #002D47, #120037, #000200)
• Hushed Courtyard color palette (#DCE4D4, #009774, #2658D0, #7D0042, #0B0700)
• Muted Station color palette (#D0E6D7, #009C95, #005C6C, #002C3D, #000020)

Browse the whole catalog at Explore, or see today's palette.