Hazy Courtyard color palette — #F0E3D2 · #B18700 · #6B5E00 · #3A3F00 · #002F1A

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

The five colors

• Parchment (#F0E3D2): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B18700): A luminous, balanced gold — the color of honey in a jar.
• Olive (#6B5E00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#3A3F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Forest (#002F1A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Fern Thicket color palette (#D1F0E1, #7F9053, #5C5900, #453400, #002B26)
• Amber Loft color palette (#F8E6DE, #D66F00, #835300, #4E3800, #202C04)
• Aged Amber color palette (#F3E6DD, #CB9300, #787400, #455E00, #003C20)
• Soft Moss color palette (#EBEBD7, #839F00, #406D00, #004E1D, #003534)
• Muted Moss color palette (#D5EAAD, #8BA43A, #455F00, #223000, #121600)
• Hazy Amethyst Boulevard color palette (#CCE5D9, #858400, #6E3DE6, #4D4C00, #29204E)
• Timeworn Teal color palette (#D7FEEF, #A4D19A, #44B496, #736000, #293D1A)
• Weathered Mulberry color palette (#D1F8E9, #687300, #006691, #851D4F, #00261C)

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