Hazy Courtyard color palette — #F5F3DB · #A9DF1A · #97A2FF · #638600 · #0C0C2D
Chartreuse and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5F3DB): A whisper-light, dusty green — the color of a quiet forest floor.
- Chartreuse (#A9DF1A): A whisper-light, vivid green — the color of fresh herbs.
- Wisteria (#97A2FF): A luminous, balanced violet — the color of wild irises.
- Olive Leaf (#638600): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#0C0C2D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged duotone, 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
- Chartreuse Chapel color palette (#F1F5DC, #56ED56, #BA92FF, #16911C, #17082A)
- Chartreuse Dune color palette (#F9F2D6, #C6CD00, #27A0FC, #919600, #001611)
- Seafoam Coast color palette (#F1F8EA, #0BF1BB, #8D9EFF, #00B58B, #2C1226)
- Dusty Lilac Dune color palette (#E6EEE2, #00DAB9, #9C78FC, #009E86, #190610)
- Chalky Honey Corridor color palette (#FEEFDB, #F8B528, #00ADC6, #B88300, #00151A)
- Hushed Clover color palette (#DDF8F7, #00CC6D, #0080B8, #007E41, #001421)
- Hushed Coast color palette (#F5F6EE, #B7F0AE, #ADB1EE, #90B889, #362931)
- Misty Terrace color palette (#EFFAE0, #00E6A1, #009092, #007F57, #000200)
Browse the whole catalog at Explore, or see today's palette.