Hazy Courtyard color palette — #FBF8C8 · #DDE78D · #92AB17 · #658230 · #3D3D36
Built around Moss, softened by Butter — the whole palette hums with nature and growth.
The five colors
- Custard (#FBF8C8): A whisper-light, dusty green — the color of new leaves after rain.
- Butter (#DDE78D): A whisper-light, balanced green — the color of fresh herbs.
- Moss (#92AB17): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#658230): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal (#3D3D36): quiet, heavy and certain.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Softworn Sunflower Ridge color palette (#FBE0AD, #DCC948, #99B54E, #62945F, #22503D)
- Faded Amber Alley color palette (#FFF3E4, #FFDB99, #C09500, #7C6900, #44413B)
- Sky Alley color palette (#F6F6E9, #BAE39D, #51C9FE, #6E984E, #154232)
- Aged Clover Garden color palette (#E2FFD7, #A4E9AA, #47C671, #237C52, #3F423B)
- Soft Olive color palette (#F5EBCA, #B8B366, #647D25, #375516, #133517)
- Moss Station color palette (#E9F0CC, #6F8C00, #3B6500, #092800, #000801)
- Washed Clover color palette (#F4F9D5, #B9F0DC, #72BD69, #376F38, #032201)
- Mint Boulevard color palette (#F3F9DB, #7AD285, #00BEDA, #B88927, #2A2E15)
Browse the whole catalog at Explore, or see today's palette.