Hazy Courtyard color palette — #F8F0CC · #88A460 · #007F58 · #353C7A · #2E133A
Teal and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F8F0CC): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#88A460): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007F58): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#353C7A): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#2E133A): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, muted.
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
- Weathered Olive color palette (#F2E0CF, #A99645, #4F7529, #0D4B77, #1B1E47)
- Pale Drift color palette (#DCEACE, #62B28C, #007B7C, #5B2D77, #38132C)
- Moss Harbor color palette (#FCE2CC, #9DAE00, #007C66, #5B3965, #541A3B)
- Washed Lime Market color palette (#E7E4D3, #92B95E, #3D9A75, #535B88, #4F3366)
- Wandering Veranda color palette (#DDE1D0, #97B08D, #437786, #643A40, #371F1A)
- Sunflower Bloom color palette (#FFF2EA, #DAD56E, #00A58A, #7D527E, #4A294B)
- Hushed Lagoon color palette (#CDEADB, #38908F, #00556C, #4B233D, #250701)
- Quiet Study color palette (#E7E7CB, #50AA70, #006B54, #5C3200, #001C0A)
Browse the whole catalog at Explore, or see today's palette.