Cocoa Alley color palette — #CFE8CE · #654200 · #00331F · #001527 · #130012

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

The five colors

• Celadon Mist (#CFE8CE): A whisper-light, dusty green — the color of new leaves after rain.
• Bronze (#654200): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#00331F): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001527): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#130012): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Obsidian Onyx Cabin color palette (#DFF2E9, #504C00, #00322F, #0A0048, #160008)
• Washed Coast color palette (#F3E8C6, #6E6800, #3E4900, #1A2900, #00150F)
• Shadow Garnet Orchard color palette (#F6E8F3, #8E030D, #282E00, #00171B, #0C001F)
• Frosted Ember Lagoon color palette (#D2E7D6, #DD5F00, #8D6700, #3B4E00, #0E0B00)
• Wandering Delta color palette (#DBF5EA, #517930, #00441D, #3E1200, #071300)
• Brick Lantern color palette (#F7DED2, #BD1900, #004E5B, #36005C, #0D001D)
• Faded Forest Terrace color palette (#DCF5F3, #006A33, #003B57, #36003E, #230900)
• Onyx Study color palette (#F1E2CC, #598773, #325827, #002C5C, #240F51)

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