Onyx Courtyard color palette — #D1E7CD · #85A891 · #568176 · #68443C · #3F1C0C
Espresso takes the lead with Cocoa close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#D1E7CD): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#85A891): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#568176): A full-bodied, dusty teal — the color of glacier melt.
- Cocoa (#68443C): A full-bodied, dusty orange — the color of toasted spice.
- Espresso (#3F1C0C): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Onyx 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
- Dusty Cocoa color palette (#DCECE1, #B093B3, #8C7181, #6D4433, #362209)
- Washed Atelier color palette (#F8F1E5, #A7A270, #5D6C35, #295037, #241B00)
- Fern Veranda color palette (#CBEEDE, #7DAAA8, #4C8494, #446143, #4A4C18)
- Chestnut Courtyard color palette (#DAFCE4, #99BBAF, #9F7E97, #8C4D31, #512E00)
- Garnet Thicket color palette (#C5EAEB, #53849B, #3B5382, #54131D, #210C00)
- Ancient Hollow color palette (#B8EEF8, #95BFD5, #7C96B4, #895561, #5C3E50)
- Hushed Periwinkle Thicket color palette (#D3F0FF, #759EE9, #695D8B, #632D06, #302300)
- Antique Cobalt color palette (#F6F1E9, #ABD2C1, #4881B1, #005A63, #2F152E)
Browse the whole catalog at Explore, or see today's palette.