Olive Courtyard color palette — #EEF8F5 · #CDDDE3 · #A1C3C9 · #577700 · #32443F

A conversation between Olive and Ash, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EEF8F5): bright and airy, almost weightless.
• Silver (#CDDDE3): bright and airy, almost weightless.
• Ash (#A1C3C9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#577700): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#32443F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Olive 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

• Lagoon Market color palette (#EFF7F7, #D5DCE4, #BAC0CE, #2C866C, #394C4D)
• Wandering Veranda color palette (#E9F0EF, #BDD1D1, #87A7B0, #2F640A, #19332F)
• Dusty Terrace color palette (#E4FCEF, #92AD7C, #207C51, #5A5200, #2E411D)
• Jade Station color palette (#F7F6EA, #CEE1D2, #9AB8C7, #94B15F, #484100)
• Mulberry Delta color palette (#D1F6DA, #8CBBB0, #188986, #813E5B, #6B3A27)
• Antique Abyss color palette (#E8F2F3, #99ADB6, #6C8294, #004139, #00181C)
• Pine Hollow color palette (#E3F4F3, #007D47, #003231, #001F0D, #000A0C)
• Faded Garnet color palette (#E5FCEB, #997900, #00647B, #750048, #412C00)

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