Olive Courtyard color palette — #D4E6D6 · #796C00 · #333D00 · #002732 · #131000
Olive and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D4E6D6): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#796C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#333D00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Midnight (#002732): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#131000): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Timeworn Olive color palette (#CFE7D5, #817E00, #374D00, #33264B, #002115)
- Eclipse Chestnut color palette (#F4D8E2, #7B661E, #333B00, #0C1A45, #040300)
- Pine Thicket color palette (#DEF5F0, #008143, #004233, #00282B, #001506)
- Faded Olive color palette (#F3EBD9, #979E55, #617C00, #006457, #101100)
- Chalky Drift color palette (#EEE4FF, #7E00D2, #405400, #3D006A, #0C1200)
- Moss Alley color palette (#D9F3E1, #959900, #426700, #004965, #2F3100)
- Weathered Emerald color palette (#CFECE6, #4AA06E, #006451, #343A62, #003030)
- Hushed Aubergine Drift color palette (#F0E5FA, #6E00A1, #5B3700, #003936, #0F001B)
Browse the whole catalog at Explore, or see today's palette.