Cocoa Basin color palette — #FFF2EB · #EAD5C0 · #D1AD99 · #B97F8C · #5B4400

Bronze and Dusty Rose set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#EAD5C0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#D1AD99): A luminous, dusty gold — the color of honey in a jar.
• Dusty Rose (#B97F8C): A luminous, dusty red — the color of a theater curtain.
• Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Cocoa Basin 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 Bronze color palette (#FFF2EB, #E2DBC3, #D3A18F, #A9664D, #593600)
• Wandering Rust Grove color palette (#FFEAD8, #DBC690, #DD8F49, #C55951, #333A08)
• Weathered Driftwood Ridge color palette (#FCEDF7, #D7AEBC, #9B758F, #635069, #232F28)
• Hushed Taupe color palette (#EDF8F3, #8ECCEB, #E1A1B8, #AA9A51, #2F423A)
• Turquoise Dune color palette (#F0F7F2, #C4E8D1, #E4A1B7, #00BFDD, #3B2826)
• Chalky Rust Delta color palette (#F8E6D1, #BBB37F, #BD8026, #A84B2F, #1B2905)
• Washed Bronze Harbor color palette (#ECDEC2, #96A76E, #957A00, #864800, #001D08)
• Frosted Thicket color palette (#DDFFE8, #B9E9D9, #B2AFEC, #AB76BB, #6D2748)

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