Olive Courtyard color palette — #FBF5E4 · #AFB482 · #6A7B42 · #4F6046 · #4F4200
Olive takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FBF5E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#AFB482): A luminous, dusty green — the color of new leaves after rain.
- Olive (#6A7B42): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#4F6046): A full-bodied, dusty green — the color of a quiet forest floor.
- Deep Olive (#4F4200): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, 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
- Worn Pewter color palette (#F7F1E7, #BFB390, #6E7B52, #385E4C, #2E2712)
- Softworn Loft color palette (#FEF4E1, #A69D51, #646813, #60433A, #38352E)
- Tempered Driftwood color palette (#EBFAEE, #A4D0BA, #87966A, #577689, #2B4A3C)
- Worn Orchard color palette (#F0FADC, #42BB92, #007B68, #29576E, #393C35)
- Soft Olive Boulevard color palette (#E8E1CE, #7A8100, #3B4C00, #4E1C1A, #1B1D00)
- Worn Cocoa Market color palette (#FDF3ED, #E6D1B6, #ACB178, #9B85B3, #5B3B00)
- Moss Summit color palette (#F1EDC8, #63A633, #036E19, #004D51, #193701)
- Dusty Mallow Grove color palette (#FFF1F4, #EAD7D9, #ECAAC6, #9C7380, #63494C)
Browse the whole catalog at Explore, or see today's palette.