Olive Courtyard color palette — #FBF1D9 · #9DB25E · #2C8000 · #005A46 · #1C2400

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

The five colors

• Cream (#FBF1D9): A whisper-light, dusty gold — the color of old brass.
• Sage (#9DB25E): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#2C8000): A full-bodied, vivid green — the color of a quiet forest floor.
• Pine (#005A46): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#1C2400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Dusty Pine color palette (#F4F3E3, #87AB85, #00784F, #354E34, #1C1E09)
• Faded Grove color palette (#EFE4CA, #909E3F, #356B00, #004362, #151800)
• Emerald Pier color palette (#E5FCEF, #B0C670, #5A9848, #417564, #164438)
• Aged Harbor color palette (#E6E7D5, #3F8A5B, #00503F, #003035, #000B03)
• Deep Fern Veranda color palette (#F3F0D8, #366627, #00331C, #001134, #000200)
• Misty Coast color palette (#FDEBFF, #389BFE, #B17400, #005BA7, #2F1C00)
• Hushed Crimson Boulevard color palette (#FAD8F9, #237BFD, #D9003C, #277400, #041735)
• Ancient Chapel color palette (#F9F1E4, #A9D5FF, #4C7DE4, #005E77, #1D1E4B)

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