Cocoa Terrace color palette — #FFF2EC · #D5BD8D · #7F5049 · #5F2402 · #28241E

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Sand (#D5BD8D): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#7F5049): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#5F2402): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#28241E): 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 Terrace 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

• Bronze Terrace color palette (#FDF3ED, #F2AE92, #8C7E32, #905F4B, #322D23)
• Washed Marigold Basin color palette (#FBF4E7, #CBAA64, #5E5018, #312E27, #1A1C0E)
• Dusty Driftwood color palette (#F9F3F9, #D8D3A5, #A06E6D, #584657, #322831)
• Worn Taupe color palette (#FCF2F9, #F8D2DF, #C19185, #826179, #32282F)
• Washed Amber color palette (#EFDAC6, #B08400, #512B00, #241000, #070500)
• Muted Apricot color palette (#FEF4E3, #CF9D60, #797B44, #385E79, #5F4200)
• Cellar Bronze Field color palette (#F6EDD2, #896600, #1F2A2D, #201E00, #050500)
• Muted Bronze color palette (#FFF2EA, #B76B3D, #0B7670, #415277, #3D2D2D)

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