Cocoa Orchard color palette — #F8EDC5 · #B8BEA5 · #758B79 · #7C5D57 · #724103
Built around Bronze, softened by Custard — the whole palette hums with nature and growth.
The five colors
- Custard (#F8EDC5): A whisper-light, dusty green — the color of new leaves after rain.
- Stone (#B8BEA5): A luminous, dusty green — the color of a quiet forest floor.
- Eucalyptus (#758B79): A luminous, dusty teal — the color of shallow lagoons.
- Pewter (#7C5D57): A full-bodied, dusty orange — the color of autumn markets.
- Bronze (#724103): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cocoa Orchard 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
- Chestnut Courtyard color palette (#FCF4E6, #B8B088, #5D7D5D, #745303, #4D4200)
- Wandering Orchard color palette (#EAFBEA, #B7CDBD, #87A89A, #7B739D, #6C4751)
- Muted Chestnut color palette (#D3EFD0, #7AAA95, #89667F, #774E06, #484300)
- Antique Cocoa color palette (#E7F6D5, #5CB296, #007A95, #7C342C, #532E00)
- Washed Denim color palette (#C8F2F7, #98BEC8, #6A8A99, #475778, #2F3453)
- Patina Terrace color palette (#FBF4EE, #C0E6D7, #6F8CB4, #1F6F71, #5A3D51)
- Dusty Market color palette (#EFF9EA, #57B29E, #BD6E83, #007765, #5D343F)
- Chestnut Market color palette (#E5FDE1, #009D95, #AF5E76, #984B24, #2D3D2A)
Browse the whole catalog at Explore, or see today's palette.