Cocoa Orchard color palette — #FDE1E8 · #A36668 · #7D3624 · #393000 · #0F1400

Rust and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#FDE1E8): A whisper-light, dusty red — the color of embers at dusk.
• Mocha (#A36668): A full-bodied, dusty red — the color of late-summer berries.
• Rust (#7D3624): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#393000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0F1400): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Timeworn Spruce color palette (#F3DFEB, #9E6A3F, #66480D, #0F3F02, #00180C)
• Aged Raspberry color palette (#EEDCE6, #B8627F, #752A2E, #2F2000, #000014)
• Dusty Garnet Alley color palette (#D8DDFA, #7A5172, #721C15, #002927, #00141C)
• Softworn Summit color palette (#E5DFEF, #BF5F8F, #9E543A, #004D4C, #011901)
• Garnet Quarry color palette (#FFE0DA, #C3513C, #820B00, #380400, #070000)
• Faded Plum Garden color palette (#FBDFE8, #AE305F, #820032, #4D000F, #150001)
• Worn Fern Thicket color palette (#FEE9D3, #A58746, #6C6200, #004A34, #002320)
• Timeworn Garnet color palette (#E2F4E8, #7B782E, #434A00, #57001A, #070600)

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