Cocoa Dune color palette — #FFF3E4 · #B4A685 · #886D45 · #734429 · #3E3D36

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

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Camel (#B4A685): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#886D45): A full-bodied, dusty gold — the color of old brass.
• Bronze (#734429): A full-bodied, dusty orange — the color of toasted spice.
• Charcoal (#3E3D36): 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 Dune 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

• Chestnut Archive color palette (#F4E6D0, #A4966C, #7D5E14, #673500, #31312A)
• Amber Ridge color palette (#FEF4E6, #D2BA93, #B08841, #82623E, #403D36)
• Ancient Cocoa color palette (#FEF2EC, #CAB39F, #A27463, #824B50, #604100)
• Taupe Pier color palette (#EBFAEB, #DBD1A1, #CAA672, #A27A8F, #28443B)
• Dusty Basalt color palette (#EFE7D6, #737B49, #534400, #3B2100, #051C00)
• Aged Alley color palette (#E6FBF3, #338AB9, #905994, #813D00, #1E3930)
• Aged Pier color palette (#F0F8F1, #D7A086, #005D63, #003539, #11211D)
• Nocturne Chestnut Field color palette (#FDE5D4, #7A4F01, #481E00, #290002, #050300)

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