Cocoa Orchard color palette — #FFF2EA · #CFBB65 · #823800 · #2C0E00 · #030100

Rust takes the lead with Gold close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Gold (#CFBB65): A luminous, balanced green — the color of a quiet forest floor.
• Rust (#823800): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#2C0E00): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Mustard Ridge color palette (#FAF5E7, #DBB472, #5B5200, #1C1900, #020100)
• Worn Chestnut Alley color palette (#FEF3E9, #E1CF96, #915101, #3E1F00, #080300)
• Mulberry Drift color palette (#FFF2F0, #BBC368, #832D54, #33001A, #050000)
• Feathered Bronze Dune color palette (#EBD8E0, #EAAB49, #B55F00, #693C17, #16050D)
• Marigold Delta color palette (#FAECDB, #C39D2F, #533400, #1D2622, #0E0600)
• Gentle Quarry color palette (#FFF3E8, #FEA15C, #008D55, #964D00, #000201)
• Tempered Harbor color palette (#FBF4EA, #FAE3B2, #90712B, #493500, #150E03)
• Softworn Amber color palette (#F1D5E4, #A68A00, #5A2300, #290C00, #16050F)

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