Cocoa Alley color palette — #F8E4D6 · #B58D71 · #8E5231 · #712A13 · #352F2A

Rust and Coffee set the tone — five colors that lean into optimism and warmth.

The five colors

• Parchment (#F8E4D6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#B58D71): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#8E5231): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#712A13): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#352F2A): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Cocoa Alley 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

• Patina Villa color palette (#F1E6D6, #A69472, #7D5E02, #5C3D00, #363105)
• Washed Chestnut color palette (#EFDCD1, #B89066, #925030, #672529, #221500)
• Hushed Villa color palette (#F6E1ED, #CEA57C, #BB663D, #7F494A, #203627)
• Bronze Workshop color palette (#F9F5EA, #BFB89F, #967D36, #775809, #534800)
• Dusty Olive color palette (#F2F0D6, #5C7D18, #924552, #712D00, #2B2700)
• Obsidian Station color palette (#FCE9DD, #814924, #4C1900, #260300, #080200)
• Antique Abyss color palette (#ECF1E3, #9CA16A, #00512A, #002A13, #011607)
• Teal Parlor color palette (#F0F8ED, #43ADA2, #006785, #005C55, #051E13)

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