Cocoa Alley color palette — #F9E0C9 · #B29E83 · #548361 · #7F4250 · #5A3A1B

A conversation between Coffee and Fern, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F9E0C9): A whisper-light, dusty gold — the color of old brass.
• Taupe (#B29E83): A luminous, dusty gold — the color of afternoon light on wheat.
• Fern (#548361): A full-bodied, dusty teal — the color of shallow lagoons.
• Coffee (#7F4250): A full-bodied, balanced red — the color of late-summer berries.
• Cocoa (#5A3A1B): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Ancient Pewter color palette (#FFF4E1, #BEAE8E, #768868, #875753, #5B4923)
• Aged Bronze color palette (#FFEBDD, #BFA490, #8F6F29, #6D487A, #613D30)
• Washed Lantern color palette (#FEF3E5, #A59B71, #347243, #654400, #37352F)
• Dusty Teal Corridor color palette (#E9E8C7, #91BFA6, #49A6A4, #705985, #593A3D)
• Cypress Parlor color palette (#B9ECDE, #83B3B2, #2B807E, #523F62, #2E213A)
• Aged Jade color palette (#F3F1DF, #62B484, #007D9A, #6A4400, #3D3900)
• Garnet Station color palette (#F0E8DB, #937D50, #406340, #691030, #361F00)
• Patina Seafoam color palette (#F5E4B8, #A1D6AC, #89B2C3, #8F849C, #4C3B5C)

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