Cocoa Canyon color palette — #FCE7D2 · #A67D49 · #714000 · #381700 · #020100

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

The five colors

• Parchment (#FCE7D2): A whisper-light, dusty gold — the color of old brass.
• Caramel (#A67D49): A luminous, balanced gold — the color of old brass.
• Bronze (#714000): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#381700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Cocoa Canyon 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

• Ancient Chestnut Balcony color palette (#FAE0C8, #BF8F58, #8C4E00, #512300, #070300)
• Obsidian Pewter color palette (#EFE3CA, #79753A, #463B00, #191100, #010100)
• Bronze Loft color palette (#FFF3E5, #DBB56B, #A97100, #704000, #1F1700)
• Pale Garnet color palette (#F2DDE1, #CD5967, #94020F, #3F0C00, #030100)
• Gentle Villa color palette (#FFF5D5, #CDD6A2, #999736, #6F5F00, #212D01)
• Muted Harbor color palette (#F7E5E5, #C966A2, #94030E, #6C004E, #050000)
• Nocturne Quarry color palette (#F3E2E4, #CD7059, #49004F, #110402, #030004)
• Ultramarine Dune color palette (#E8D9E8, #005FB3, #2D5B00, #003025, #000104)

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