Cocoa Alley color palette — #F3E1D2 · #6F3A00 · #003419 · #00142B · #15000C

Bronze and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F3E1D2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#6F3A00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#003419): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00142B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#15000C): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Shadow Garnet Summit color palette (#FFE6DC, #8E030D, #282E00, #00171B, #0C001F)
• Velvet Summit color palette (#E8E1CA, #504C00, #003134, #1B003B, #170100)
• Basalt Parlor color palette (#F3E6D7, #364442, #503200, #141911, #0B0800)
• Tempered Bronze color palette (#F2DEC6, #856300, #494200, #222300, #001308)
• Bronze Quarry color palette (#FFEBDD, #897639, #465526, #00314B, #141540)
• Wandering Rose color palette (#F6E7D7, #EC5248, #A56300, #4C4F00, #160C00)
• Olive Corridor color palette (#F3EBD9, #677321, #1E4200, #470103, #0E1100)
• Plum Lagoon color palette (#EDE2F1, #BB0059, #005242, #340060, #0C001E)

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