Cocoa Alley color palette — #FFF3E7 · #C0A273 · #916944 · #794115 · #403D36

Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Camel (#C0A273): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#916944): A full-bodied, dusty gold — the color of old brass.
• Bronze (#794115): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#403D36): a grounded near-black with real depth.

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

• Dusty Chestnut color palette (#F9E4CD, #AC935E, #855920, #603921, #33302A)
• Antique Meadow color palette (#FCF4E4, #C2B893, #9A7C36, #7C540F, #504900)
• Worn Marigold Garden color palette (#FFF2EB, #CEA956, #7D3B28, #332C29, #221A0C)
• Apricot Bloom color palette (#FDF3EC, #F1945B, #65782F, #8D4C21, #272512)
• Bronze Garden color palette (#EFDFC9, #8A7400, #5B4000, #3D2000, #171800)
• Aged Rust color palette (#FFF2EA, #CA5C25, #168082, #305482, #38312D)
• Chartreuse Chapel color palette (#E5EDFF, #7DE23C, #FF8B7A, #3E3A34, #2D241F)
• Inked Fern Archive color palette (#EEEADC, #4F6200, #2F2D00, #171000, #010500)

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