Cocoa Orchard color palette — #F9F7DB · #ACE2CF · #A4C0AF · #A68477 · #7C401F
Built around Bronze, softened by Mint — the whole palette hums with optimism and sophistication.
The five colors
- Custard (#F9F7DB): A whisper-light, dusty green — the color of new leaves after rain.
- Mint (#ACE2CF): A whisper-light, dusty teal — the color of sea glass.
- Stone (#A4C0AF): A luminous, dusty teal — the color of sea glass.
- Caramel (#A68477): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#7C401F): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
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
- Washed Study color palette (#EEFBDD, #C2E6CD, #D6BBD3, #AE9D91, #784211)
- Muted Basalt color palette (#F8F5EA, #BBE2AE, #7DBC9F, #979078, #454600)
- Veil Atelier color palette (#E1FDED, #B7E4F6, #8CB2C8, #8D7789, #563E52)
- Tempered Courtyard color palette (#D3E8D4, #5BCFC6, #65A2CA, #A86953, #582F00)
- Lilac Villa color palette (#A8FFF3, #95DAF6, #9FA2E7, #A5885F, #524D47)
- Aqua Delta color palette (#FCF3EF, #BFF0E2, #7DCBE0, #75A589, #295044)
- Ancient Basalt color palette (#D7FAF8, #9BBAC0, #6790A5, #5D5473, #402947)
- Antique Driftwood color palette (#D9F6FF, #82A9D9, #9B79AD, #626430, #2F2800)
Browse the whole catalog at Explore, or see today's palette.