Cocoa Orchard color palette — #FFF3E9 · #C6FADC · #E7DAD3 · #B5CEA0 · #654300

A conversation between Bronze and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Honeydew (#C6FADC): A whisper-light, dusty teal — the color of glacier melt.
• Bone (#E7DAD3): a clean, paper-quiet neutral.
• Pistachio (#B5CEA0): A whisper-light, dusty green — the color of a quiet forest floor.
• Bronze (#654300): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Aged Stone Orchard color palette (#FFF1F5, #E6DBC9, #B5D59C, #C4AE6F, #3F503F)
• Muted Orchard color palette (#FFF2ED, #ECD0C9, #E7BF8B, #ADAE9C, #6C330C)
• Sunlit Mint Atelier color palette (#FFF4E0, #F1D7BD, #FAD340, #54DA81, #3B3C00)
• Tempered Celadon color palette (#F6F7E1, #E0E7AE, #C2EE7E, #66D8D2, #41433C)
• Antique Archive color palette (#FBF5E5, #E0D88A, #CDBAFB, #B0AB75, #5F4450)
• Marigold Field color palette (#FAF0E5, #EDA746, #8F7A31, #5B5349, #25211E)
• Washed Studio color palette (#ECF5EA, #D7D3C3, #FFC48C, #A4A24B, #1B311F)
• Chalky Pier color palette (#FFF2D3, #FFC39B, #D7C600, #43C28D, #202200)

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