Cocoa Coast color palette — #FCF3EB · #DAC8AF · #B1967B · #956953 · #5C4300

A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FCF3EB): bright and airy, almost weightless.
• Oat (#DAC8AF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#B1967B): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#956953): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

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

• Aged Terrace color palette (#FFF3E8, #D4B996, #AD8667, #95563C, #403D36)
• Antique Bronze color palette (#E8E0CD, #9EA373, #837100, #664700, #282500)
• Dusty Atelier color palette (#FFF1F6, #C7F3E9, #CDA0B0, #8C7180, #324439)
• Muted Bronze color palette (#FEECD6, #97792D, #724800, #4D2300, #0E0B00)
• Airy Garnet Workshop color palette (#EEDBCE, #B67F46, #954811, #740E00, #201300)
• Antique Field color palette (#FAF3F8, #90A1D6, #AC7457, #556F1A, #293B30)
• Powdered Plum Station color palette (#FFF0FA, #ECC1D6, #B08BC1, #98548C, #702D4D)
• Weathered Cerulean color palette (#EDF8F5, #E2CEAF, #5D81A4, #2D564D, #1D302B)

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