Cocoa Coast color palette — #FCF3ED · #D2BD9C · #7C533C · #572C00 · #28251D

Espresso and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Sand (#D2BD9C): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#7C533C): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#572C00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#28251D): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Worn Bronze Chapel color palette (#FAF4EE, #DCB898, #758551, #92612F, #2F2E27)
• Worn Fern color palette (#F7F5EB, #C5AB75, #4F5718, #2F2E27, #161D0D)
• Worn Taupe color palette (#FBF2F6, #F1DBB0, #C89070, #836173, #32282D)
• Dusty Driftwood Bloom color palette (#FBF2F7, #B1DDC8, #957088, #604355, #35262F)
• Obsidian Courtyard color palette (#EDDBCB, #785900, #212E2D, #220F00, #050100)
• Nocturne Bronze Meadow color palette (#E4DECE, #9A7300, #2B2800, #111920, #0B0900)
• Patina Cocoa color palette (#FFF4E2, #B6A777, #697F57, #45597F, #574600)
• Patina Villa color palette (#FDF3E9, #A17E4E, #246F7B, #484276, #3F2D28)

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