Cocoa Orchard color palette — #FDF6D2 · #9EBA96 · #6F948A · #725D57 · #6A4100

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

The five colors

• Custard (#FDF6D2): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9EBA96): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#6F948A): A luminous, dusty teal — the color of sea glass.
• Graphite (#725D57): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#6A4100): A full-bodied, balanced gold — the color of old brass.

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 Market color palette (#F2FAD8, #7DC4CD, #967E90, #8F5929, #624D00)
• Timeworn Chestnut Quarry color palette (#F9F5E9, #93BC93, #388274, #6D5701, #424700)
• Softworn Chapel color palette (#E7FCE4, #B3D4BA, #81A894, #8C687C, #61464F)
• Wandering Courtyard color palette (#C6F4FB, #9DBBC4, #728C97, #555E73, #35384D)
• Ancient Drift color palette (#ACFFED, #7CB5DE, #8474A6, #5C5751, #4B4302)
• Linen Bloom color palette (#E5F5E2, #00B9CE, #5C6CAE, #6D3D2C, #4C2E02)
• Cerulean Coast color palette (#DFFFE7, #009AAC, #AD654D, #825A27, #2A3D30)
• Mint Alley color palette (#C6F9D1, #00C8A9, #00878B, #006584, #573E58)

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