Hazy Courtyard color palette — #F0FAC3 · #B9DA96 · #77BE73 · #766800 · #2F3A00
A conversation between Jade and Olive, giving this palette its sense of nature and growth.
The five colors
- Custard (#F0FAC3): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#B9DA96): A whisper-light, balanced green — the color of new leaves after rain.
- Jade (#77BE73): A luminous, balanced green — the color of new leaves after rain.
- Olive (#766800): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#2F3A00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged pastel, light.
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
- Sunlit Pier color palette (#FFF3DB, #E1CE75, #A5AE4A, #8A5900, #453600)
- Teal Market color palette (#FFEFC4, #A9E391, #00BCAA, #845500, #1F2400)
- Airy Seafoam Alley color palette (#FCF4C4, #B5E6A3, #00DFC8, #A76C00, #353C00)
- Muted Olive color palette (#DEFFE4, #78DFAF, #00BEAB, #39710A, #004324)
- Timeworn Cypress color palette (#E0E2CC, #6AA67B, #007A5B, #2D3D00, #001201)
- Chartreuse Market color palette (#D9FFF2, #BDFA94, #3EF886, #AFA500, #314312)
- Antique Delta color palette (#F7F6E6, #B9E4D6, #BDCAD7, #95853D, #535200)
- Aged Cerulean color palette (#E2EFDD, #84CBCA, #009CB2, #005D47, #00302D)
Browse the whole catalog at Explore, or see today's palette.