Hazy Courtyard color palette — #DFFBE7 · #FAA61D · #B08E00 · #666E00 · #010100
Built around Saffron, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DFFBE7): A whisper-light, dusty teal — the color of sea glass.
- Saffron (#FAA61D): A luminous, vivid gold — the color of honey in a jar.
- Mustard (#B08E00): A luminous, balanced green — the color of new leaves after rain.
- Olive (#666E00): A full-bodied, balanced green — the color of fresh herbs.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, 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
- Quiet Mustard Pier color palette (#CDFBEB, #D7BD00, #90A600, #1E7504, #010100)
- Amber Basin color palette (#FFE8F2, #FFA08B, #D77100, #8C5D00, #030100)
- Weathered Amber Orchard color palette (#F4E5CF, #CB7B00, #806200, #4D4A00, #0C0800)
- Emerald Thicket color palette (#E5F2E6, #FF8A7F, #C89800, #27A517, #110D00)
- Worn Taupe color palette (#E9E8D4, #8EA062, #3D6438, #003539, #00090E)
- Tempered Moss Villa color palette (#EEEDD8, #848900, #445300, #1E2E00, #000200)
- Brick Terrace color palette (#DEE4D6, #6C8B00, #C20516, #324300, #050000)
- Tempered Villa color palette (#FFF6D0, #DDDEBE, #EBC700, #8BA300, #1B1800)
Browse the whole catalog at Explore, or see today's palette.