Cocoa Canyon color palette — #FFF3E8 · #EAD6BD · #D1AF90 · #AC8A74 · #5E4200
A conversation between Bronze and Sand, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Wheat (#EAD6BD): A whisper-light, dusty gold — the color of old brass.
- Sand (#D1AF90): A luminous, dusty gold — the color of old brass.
- Caramel (#AC8A74): A luminous, dusty gold — the color of afternoon light on wheat.
- Bronze (#5E4200): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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
- Bronze Grove color palette (#FEECD1, #D7C888, #C39E57, #AD702F, #363807)
- Tempered Powder color palette (#FBF2FC, #94C7FF, #DAA99C, #A29B6A, #463748)
- Hazy Rust color palette (#F4E4DA, #C69268, #BC5E30, #923933, #211200)
- Sunlit Driftwood Boulevard color palette (#F5E8CF, #B7B672, #A48C3B, #8A6327, #292500)
- Muted Driftwood Balcony color palette (#FDF2F6, #C9EDE6, #C8A2B2, #8D6E8A, #2F453C)
- Driftwood Orchard color palette (#FBEEF3, #ACC2AC, #A27957, #6F4B62, #213025)
- Weathered Field color palette (#F6E8D8, #9C7C2B, #845400, #642E00, #040300)
- Tempered Garnet color palette (#FFF0FC, #DCD8FF, #C6A9DD, #A878A8, #703354)
Browse the whole catalog at Explore, or see today's palette.