Cocoa Orchard color palette — #F6F6EA · #75966A · #92585C · #7A3E00 · #38362F
Built around Bronze, softened by Pewter — the whole palette hums with nature and growth.
The five colors
- Ivory (#F6F6EA): a clean, paper-quiet neutral.
- Moss (#75966A): A luminous, dusty green — the color of a quiet forest floor.
- Pewter (#92585C): A full-bodied, dusty red — the color of embers at dusk.
- Bronze (#7A3E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#38362F): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Wandering Pier color palette (#F1F7EE, #539485, #915C2F, #574D00, #32342D)
- Tempered Garnet color palette (#FCF4E9, #A58B5C, #7D5485, #772E46, #352F2B)
- Antique Thicket color palette (#E9F9FB, #65B5A3, #AC65A8, #896838, #293A3D)
- Worn Cocoa Veranda color palette (#FEF1F7, #9A90BD, #965A7C, #853924, #52400F)
- Ancient Pewter color palette (#E7F6F0, #5498BF, #7F629E, #6E3E19, #151D11)
- Terracotta Garden color palette (#F2F9E0, #008A4A, #A20F00, #563600, #1D2800)
- Weathered Cerulean color palette (#F1F7F3, #D2DCDC, #A6ACBA, #538C9B, #4C5550)
- Hushed Bloom color palette (#E9F8FE, #5ACDD4, #949FDB, #8A9566, #223839)
Browse the whole catalog at Explore, or see today's palette.