Hazy Courtyard color palette — #E7FAF5 · #5B8300 · #455593 · #692F4B · #233023
A conversation between Olive Leaf and Peacock, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E7FAF5): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive Leaf (#5B8300): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#455593): A full-bodied, balanced violet — the color of a velvet chair.
- Mulberry (#692F4B): A deep, shadowed, balanced rose — the color of strawberry cream.
- Deep Forest (#233023): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Hazy 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
- Quiet Aubergine Coast color palette (#E7F9FA, #008858, #724394, #652E2E, #1D3229)
- Timeworn Olive Harbor color palette (#E6FBEF, #887F00, #006796, #4E315B, #34222D)
- Powdered Emerald Chapel color palette (#E4FAFA, #00A26A, #27679F, #643558, #4F2B39)
- Softworn Lagoon color palette (#E0F7F9, #009278, #00637A, #59275C, #041A0A)
- Airy Jade color palette (#E4FDE9, #41B06B, #007A78, #643C69, #224346)
- Muted Cobalt Archive color palette (#F1F8EB, #4EAF8C, #3684B7, #7D4262, #2E2712)
- Pewter Market color palette (#EDF8F6, #CFE0E8, #B7C3CD, #5D7E5F, #3F4A49)
- Weathered Mulberry color palette (#E9F8FF, #006C7C, #881D57, #4B2800, #00211E)
Browse the whole catalog at Explore, or see today's palette.