Olive Courtyard color palette — #F6F0DE · #81AF5F · #897F00 · #7B5011 · #111A00

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

The five colors

• Cream (#F6F0DE): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#81AF5F): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#897F00): A full-bodied, balanced green — the color of new leaves after rain.
• Coffee (#7B5011): A full-bodied, balanced gold — the color of old brass.
• Ink (#111A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

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

• Pale Mustard color palette (#EEDDC8, #B4A010, #AA6E00, #874430, #0F1A00)
• Hushed Moss color palette (#CEF1E0, #7F9745, #676400, #4C3B00, #001B17)
• Timeworn Basalt color palette (#D7F0E4, #637A4A, #484600, #2F2000, #000802)
• Timeworn Lantern color palette (#FEEDC5, #ADD977, #B7A535, #A47442, #343630)
• Faded Field color palette (#F4D9BC, #D4B632, #CF8000, #AB5341, #222E00)
• Indigo Delta color palette (#FAE9F4, #989EFF, #A97900, #645DEB, #060300)
• Washed Grove color palette (#F5D6E3, #AE80FF, #637500, #0C6730, #120524)
• Mustard Loft color palette (#F8E3D7, #E8B77E, #CB8C74, #9A6B73, #33302A)

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