Cocoa Alley color palette — #E8F6EA · #95B4A2 · #897141 · #6C4109 · #0B291F

Bronze takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#E8F6EA): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#95B4A2): A luminous, dusty teal — the color of sea glass.
• Walnut (#897141): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#6C4109): A full-bodied, balanced gold — the color of old brass.
• Onyx (#0B291F): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Cocoa Studio color palette (#FDEDF4, #C69FAC, #97694D, #763729, #162719)
• Wandering Loft color palette (#D1E7D7, #9D9B6B, #766328, #563600, #001E16)
• Tempered Bronze color palette (#EBFAED, #C4E6D7, #B39A6C, #905C40, #1A3834)
• Worn Cocoa Corridor color palette (#E2F6FD, #3196A0, #A35A79, #7F3D00, #001E28)
• Olive Canyon color palette (#DAF1E4, #6E7931, #4C4500, #2E2000, #020700)
• Cypress Grove color palette (#EAF4F7, #C7B082, #006264, #002E2F, #000F14)
• Cellar Chestnut Delta color palette (#FEDCEA, #6D4A15, #421F00, #200500, #020100)
• Tempered Cobalt color palette (#ECF3F7, #80BFCC, #636EB5, #007182, #080E1B)

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