Cocoa Orchard color palette — #E4E3C7 · #A4B395 · #597F67 · #7B3C22 · #3D3A33

Bronze and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#E4E3C7): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A4B395): A luminous, dusty green — the color of new leaves after rain.
• Fern (#597F67): A full-bodied, dusty teal — the color of shallow lagoons.
• Bronze (#7B3C22): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal (#3D3A33): quiet, heavy and certain.

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

• Ancient Taupe Ridge color palette (#F3E1BE, #89A980, #6C8565, #71455C, #623C30)
• Aged Meadow color palette (#D5EAC5, #93B29E, #8B6A84, #644D29, #3E3E00)
• Weathered Cypress color palette (#F8F5EA, #80A77B, #007557, #594A00, #35362F)
• Aged Cerulean color palette (#E4E7CC, #6CACA4, #3D82A6, #7A4A3C, #623B00)
• Aqua Delta color palette (#C2E9E0, #86C6C6, #759D84, #805D76, #543543)
• Chestnut Lantern color palette (#F3F6E1, #ADC2A8, #5A8DAA, #8A5424, #564D00)
• Timeworn Ash Grove color palette (#C2EEF5, #79B6B5, #588296, #45516C, #262945)
• Dusty Denim color palette (#E0F6DA, #549086, #00678B, #5B2C1D, #461800)

Browse the whole catalog at Explore, or see today's palette.