Dusty Cocoa Pier color palette — #FDF4E6 · #ECD6B2 · #D0B17E · #A88D6E · #5C4300

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

The five colors

• Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
• Wheat (#ECD6B2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#D0B17E): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A88D6E): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

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

Use it as a design system

One click turns Dusty Cocoa Pier 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 Delta color palette (#FAF0E3, #C4BBA2, #A5793D, #81471F, #2E2D19)
• Powdered Workshop color palette (#F3E4D6, #C69454, #B26800, #8B4400, #201400)
• Gentle Market color palette (#FCEECB, #CCCD85, #B6A52E, #9A7C08, #37362F)
• Bone Basin color palette (#EBFAEB, #B6E8CB, #97B998, #8F6F80, #2F443D)
• Linen Amber Atelier color palette (#FBE3D4, #DFA17F, #D17049, #A44E3E, #361E05)
• Blush Delta color palette (#FCF2F7, #B6B0EB, #E5889D, #AC795D, #3A3730)
• Timeworn Bronze color palette (#F5E4C6, #948100, #755C00, #543A00, #050300)
• Tempered Teal color palette (#F1F7EF, #D6E5B8, #57B1A2, #61735B, #282D26)

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