Cocoa Alley color palette — #F3F3E4 · #82C4A4 · #39837D · #7F4222 · #232A17

Bronze and Mint Leaf set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F3F3E4): bright and airy, almost weightless.
• Mint Leaf (#82C4A4): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#39837D): A full-bodied, dusty teal — the color of glacier melt.
• Bronze (#7F4222): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#232A17): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Pewter Quarry color palette (#F9F1E4, #B2B886, #5F7F57, #674D4E, #2D2711)
• Linen Villa color palette (#F6F2E0, #71BD70, #007E62, #4B5117, #082809)
• Petrol Study color palette (#E8FAF5, #89BABE, #417E85, #66506E, #28494B)
• Dusty Lagoon Summit color palette (#EAF9F6, #A2D1B5, #5A9E8E, #866872, #284949)
• Jade Drift color palette (#F1F4E2, #6CB876, #B575A4, #3A7342, #3E1B1F)
• Worn Cypress Archive color palette (#F9EFEB, #C3E7CB, #5C96AF, #2E6B57, #05342C)
• Ancient Parlor color palette (#E8E6A9, #8BB345, #4C8D40, #11634A, #00322B)
• Linen Emerald color palette (#EEF7D3, #2AA75C, #A266A4, #8E5773, #1C2109)

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