Olive Courtyard color palette — #E2DFD3 · #908E7E · #706F25 · #2B2C00 · #020100

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

The five colors

• Bone (#E2DFD3): a clean, paper-quiet neutral.
• Gray (#908E7E): A luminous, dusty green — the color of new leaves after rain.
• Olive (#706F25): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#2B2C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#020100): quiet, heavy and certain.

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

• Spruce Terrace color palette (#DEEBE4, #86A09A, #497A7B, #302C00, #000D06)
• Weathered Field color palette (#E3DFD6, #BCBCAB, #8C967E, #423D00, #020100)
• Misty Olive Corridor color palette (#EEEFD4, #7E8400, #3D7200, #00512E, #000200)
• Fern Lagoon color palette (#EAEAE1, #CBCDBF, #A1A793, #376300, #181703)
• Fern Lantern color palette (#F1E8D6, #5C5C03, #262E00, #181400, #010100)
• Fern Basin color palette (#DBE8DE, #455F20, #003F3C, #001834, #01001A)
• Patina Lagoon color palette (#F0F3ED, #D1D9D5, #ACC3BB, #2A8768, #2A2E25)
• Bronze Terrace color palette (#EBE8E2, #938D7E, #7A6B1F, #332900, #020100)

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