Cocoa Coast color palette — #FFF3E4 · #B2A689 · #8A6D40 · #7A3F19 · #3E3D36

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

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Taupe (#B2A689): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#8A6D40): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#7A3F19): A full-bodied, balanced gold — the color of afternoon light on wheat.
• 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 Coast 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

• Weathered Bronze Bloom color palette (#EAF6EA, #92B69A, #8F6F3B, #644521, #14281C)
• Patina Coast color palette (#FFEAD8, #B2996B, #995600, #832104, #3B3703)
• Amber Drift color palette (#FFF3E4, #D1BB8D, #B2873C, #83623D, #403D36)
• Misty Fern color palette (#EEDCB4, #859652, #695B00, #543400, #053303)
• Velvet Chestnut color palette (#F7E1D0, #75511F, #481D00, #290002, #050300)
• Terracotta Basin color palette (#E8FAF4, #4587BC, #7B649C, #8B3219, #143B31)
• Abyss Dune color palette (#EDF9EE, #D6A187, #005D62, #003538, #0D211D)
• Indigo Study color palette (#F0F8F0, #7CBCBB, #6663B5, #006E6E, #301D29)

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