Navy Courtyard color palette — #EAF6E6 · #008173 · #184896 · #3B3600 · #070900

Indigo and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EAF6E6): A whisper-light, dusty green — the color of a quiet forest floor.
• Teal (#008173): A full-bodied, balanced teal — the color of sea glass.
• Indigo (#184896): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#3B3600): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#070900): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, 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

• Weathered Lapis Station color palette (#E6F7EB, #00889A, #6155A7, #304C11, #0E1807)
• Aubergine Thicket color palette (#CFF2DF, #00758E, #58009F, #053704, #000908)
• Olive Harbor color palette (#F4F4DC, #3E7F00, #005B69, #562700, #120B00)
• Washed Navy color palette (#E9F6E6, #008379, #0E48A1, #3E205F, #070A00)
• Weathered Aubergine Drift color palette (#E5FAFD, #006E67, #6D2E76, #551D00, #00241C)
• Frosted Cerulean color palette (#E7EDD2, #009AB5, #00628F, #462A59, #001E12)
• Cypress Basin color palette (#EDF4EE, #C4DDDA, #A6BEB2, #00727B, #18241B)
• Midnight Navy color palette (#D0E6D0, #005C5D, #180091, #1A2000, #010100)

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