Hazy Courtyard color palette — #F4F3E0 · #779E00 · #1800F8 · #3A4F00 · #060F2C

Cobalt and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4F3E0): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#779E00): A luminous, vivid green — the color of a quiet forest floor.
• Cobalt (#1800F8): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#3A4F00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#060F2C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Energy. 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

• Antique Lapis Study color palette (#F1F4E1, #2AAA39, #4200E8, #025611, #20071A)
• Weathered Denim color palette (#F9F1E0, #AB8B00, #00549F, #564500, #001129)
• Ultramarine Workshop color palette (#EFE8D0, #767200, #2800DB, #472C00, #182405)
• Antique Station color palette (#F2F8EA, #00BF86, #6734E2, #006646, #2E1123)
• Softworn Nightshade color palette (#EFF7DE, #007446, #2700C2, #501500, #001B0D)
• Grape Chapel color palette (#EBF6E3, #00A687, #7900B0, #005342, #1B0529)
• Quiet Emerald Corridor color palette (#DCF3F1, #00B25E, #006484, #005C2E, #000407)
• Hazy Lapis Terrace color palette (#E5FDE5, #B0D000, #00A9A9, #4E4AFF, #003240)

Browse the whole catalog at Explore, or see today's palette.