Cocoa Orchard color palette — #E6F7E9 · #92B4A6 · #887244 · #6D3F23 · #0B2825

A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#E6F7E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#92B4A6): A luminous, dusty teal — the color of sea glass.
• Walnut (#887244): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#6D3F23): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Onyx (#0B2825): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Chestnut color palette (#D5E5DA, #949F6F, #7B6107, #602F00, #001D1B)
• Dusty Bronze Ridge color palette (#EBFAEE, #B1A875, #896E33, #6C4452, #2D423A)
• Hushed Archive color palette (#FAEEF4, #ADC2AD, #9B768B, #684D6B, #1D3127)
• Washed Chestnut color palette (#FBEEF4, #BCB57F, #794625, #3E1D05, #13090E)
• Patina Lagoon color palette (#FFECE2, #CCAB78, #767C1B, #005523, #002927)
• Worn Amber Lantern color palette (#FEF4E4, #C8BE97, #AD893C, #8B5C43, #3E4100)
• Dusty Terracotta color palette (#F7EFF3, #E0A483, #008781, #9E4800, #001116)
• Olive Delta color palette (#D8E9DF, #617B46, #4D4400, #341C00, #000703)

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