Hazy Courtyard color palette — #D3EDDC · #6D5900 · #87004C · #332900 · #0A0003

Built around Wine, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D3EDDC): A whisper-light, dusty teal — the color of sea glass.
• Olive (#6D5900): A full-bodied, balanced green — the color of fresh herbs.
• Wine (#87004C): A full-bodied, vivid rose — the color of a warm blush.
• Espresso (#332900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0A0003): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, 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

• Obsidian Garnet Ridge color palette (#D6F8EE, #3D5600, #740402, #172300, #040000)
• Powdered Aubergine color palette (#FFD9E9, #874900, #760082, #412000, #070009)
• Midnight Garnet Alley color palette (#E0E0CC, #4F4C00, #004A3A, #531800, #010100)
• Chestnut Lantern color palette (#FBE6DB, #904100, #005A1D, #451C00, #000400)
• Weathered Cypress color palette (#D6F4F7, #007E64, #784E00, #004132, #0E0600)
• Fern Bloom color palette (#D1F4DE, #6B6400, #413500, #201600, #020200)
• Fern Courtyard color palette (#E7EAD6, #5A6100, #005360, #292D00, #000305)
• Washed Plum Courtyard color palette (#D2F1DF, #988700, #CF005F, #574D00, #300011)

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