Cocoa Terrace color palette — #FFEDEA · #A86775 · #632905 · #342421 · #1A1410

Rust and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FFEDEA): A whisper-light, dusty orange — the color of autumn markets.
• Mocha (#A86775): A full-bodied, balanced red — the color of a theater curtain.
• Rust (#632905): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#342421): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#1A1410): a grounded near-black with real depth.

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

• Muted Blush color palette (#F7EEFA, #CC8296, #68505D, #3E3441, #222126)
• Bronze Lagoon color palette (#EFE2D3, #956625, #35322B, #2A1C08, #110D04)
• Patina Orchard color palette (#FAEDFD, #FF8FA9, #887483, #59525B, #232025)
• Charred Brick Chapel color palette (#EDDFD8, #B92D26, #432006, #300806, #110600)
• Twilit Garnet Meadow color palette (#F0DBD5, #57535C, #5B0017, #241A0A, #0C0100)
• Worn Coast color palette (#FFF2EA, #BD8B71, #459C7E, #736CAD, #48413C)
• Patina Pewter Chapel color palette (#FFF1F0, #DAC3BB, #A18873, #667958, #32524D)
• Chestnut Dune color palette (#FFF2EF, #E4ADA8, #B7715F, #915029, #53514A)

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