Olive Courtyard color palette — #E7E7B3 · #9DB467 · #568433 · #216439 · #1A4F39
Built around Olive Leaf, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#E7E7B3): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#9DB467): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#568433): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#216439): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#1A4F39): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Airy Veranda color palette (#FFE2BA, #C5A757, #817800, #555D10, #1B4E36)
- Lagoon Garden color palette (#D2F4CC, #79C194, #058968, #00695E, #005253)
- Antique Bloom color palette (#D2FEEB, #BBD17F, #7EC159, #499660, #235555)
- Softworn Alley color palette (#F5F7E5, #76B172, #A277B0, #30772E, #513759)
- Misty Emerald Quarry color palette (#EAF2E3, #00AC40, #00744C, #004F3C, #00343D)
- Antique Fern Orchard color palette (#F2F9DD, #BFEED4, #8DCDD8, #728659, #455914)
- Muted Cocoa color palette (#FFF3E5, #B7A485, #896C4A, #6F472D, #403D36)
- Pale Emerald color palette (#F3F9DF, #469E5D, #6076BF, #9B5044, #373932)
Browse the whole catalog at Explore, or see today's palette.