Hazy Courtyard color palette — #ECE6FF · #FF9F9D · #B69400 · #4E3E00 · #0B1F13

Built around Mustard, softened by Rose Quartz — the whole palette hums with nature and growth.

The five colors

• Frost (#ECE6FF): A whisper-light, dusty violet — the color of a velvet chair.
• Rose Quartz (#FF9F9D): A luminous, balanced orange — the color of autumn markets.
• Mustard (#B69400): A luminous, balanced green — the color of a quiet forest floor.
• Deep Olive (#4E3E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#0B1F13): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. Tagged neon, dark, 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

• Linen Moss color palette (#EADAE0, #FFA285, #49B300, #294D1C, #001814)
• Wisteria Delta color palette (#E8E6D4, #D498FF, #DCA300, #563F0B, #0F1D12)
• Powdered Study color palette (#F1E2C9, #8BB6FF, #FF8A3A, #5D361D, #22151C)
• Coral Parlor color palette (#CEE5F2, #FFA09D, #E66C6D, #6A3434, #1D0A1C)
• Gentle Apricot color palette (#C6EDF1, #FFA579, #009477, #005C49, #001315)
• Worn Cabin color palette (#F4DCE6, #CF9B00, #009764, #003536, #000505)
• Aged Moss color palette (#FFDDDC, #78A700, #00855F, #002C1D, #000202)
• Pale Pier color palette (#F2E5D4, #FFA1A5, #00DB66, #325452, #0D201E)

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