Cocoa Terrace color palette — #FAD9D7 · #E8B2BD · #C89391 · #99855A · #574600

Built around Deep Olive, softened by Ballet Pink — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FAD9D7): A whisper-light, dusty orange — the color of autumn markets.
• Ballet Pink (#E8B2BD): A luminous, dusty red — the color of embers at dusk.
• Dusty Rose (#C89391): A luminous, dusty orange — the color of toasted spice.
• Caramel (#99855A): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#574600): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Softworn Cocoa Lagoon color palette (#F7D8E6, #D1B7E0, #C692C1, #9F8070, #653600)
• Antique Fern Dune color palette (#FFF2EE, #ECCDC0, #D4B49E, #958C6E, #575100)
• Worn Terrace color palette (#F7D6E9, #D4ACAF, #B37D7F, #35716A, #2F4637)
• Fern Harbor color palette (#F3DEDA, #D2908F, #B6725C, #696110, #212D00)
• Apricot Dune color palette (#FFE8E4, #FFA781, #CD9055, #6F8849, #144F1C)
• Wandering Bronze color palette (#FEDDC9, #A2815B, #856500, #2E5537, #0E1A00)
• Washed Taupe Workshop color palette (#FFE4C6, #E8CD96, #B3B164, #42967A, #3A5136)
• Abyss Studio color palette (#E2E7F5, #B18EB4, #9C6C61, #005252, #172D18)

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