Olive Courtyard color palette — #ECF3E5 · #7CBE51 · #1C8A14 · #006128 · #004541
Olive Leaf takes the lead with Clover close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#ECF3E5): bright and airy, almost weightless.
- Clover (#7CBE51): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#1C8A14): A full-bodied, vivid green — the color of new leaves after rain.
- Pine (#006128): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004541): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Weathered Moss Hollow color palette (#EAE8D6, #95AB00, #347B00, #005533, #002F25)
- Emerald Grove color palette (#EFECCF, #A2C820, #20A71F, #007547, #00483E)
- Feathered Pine Workshop color palette (#DBE9DC, #5DAB7B, #008355, #005C45, #004048)
- Gentle Cobalt Archive color palette (#F2FAD8, #45AB63, #0084D3, #006F32, #003D66)
- Pine Lagoon color palette (#F0FADC, #ACF1DA, #59CBC0, #20841A, #20543D)
- Patina Mustard color palette (#E6E2D3, #B4A400, #7A7700, #4F5900, #374700)
- Wandering Emerald color palette (#EBF0C4, #42953C, #00818F, #815700, #153A12)
- Washed Lantern color palette (#E0FFE4, #87C9D4, #3495AD, #006E8A, #2D5C4B)
Browse the whole catalog at Explore, or see today's palette.