Dusty Courtyard color palette — #F6F8DB · #B6CF9E · #6B944E · #3F5D29 · #3B3B34
A conversation between Olive Leaf and Pine, giving this palette its sense of nature and growth.
The five colors
- Custard (#F6F8DB): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#B6CF9E): A whisper-light, dusty green — the color of fresh herbs.
- Olive Leaf (#6B944E): A luminous, balanced green — the color of new leaves after rain.
- Pine (#3F5D29): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal (#3B3B34): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged monochrome, muted.
Use it as a design system
One click turns Dusty 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
- Washed Bronze color palette (#FFF3E2, #DFC994, #987B2C, #63490C, #3A362F)
- Lagoon Villa color palette (#EAFBE6, #90D2C4, #16927F, #005B4F, #2A4024)
- Dusty Fern Canyon color palette (#F7F6E7, #B7E5DB, #94CDDA, #8F8E5F, #4D4F00)
- Celadon Market color palette (#D7FFF5, #C6E7A5, #8DA96C, #5B764C, #0D403B)
- Aged Basin color palette (#F3F7EE, #D4BD8F, #236D4E, #2E4000, #202823)
- Jade Courtyard color palette (#B6FADE, #00AC7E, #00684B, #003625, #001F16)
- Muted Loft color palette (#C6E9E6, #00968E, #004F4E, #002320, #000C0C)
- Weathered Teal color palette (#F1F8EA, #40A585, #956E9E, #844D50, #3B3E38)
Browse the whole catalog at Explore, or see today's palette.