Cocoa Terrace color palette — #FFF3EA · #E9D6BC · #DCA98A · #AB897E · #564600

A conversation between Deep Olive and Sand, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF3EA): bright and airy, almost weightless.
• Wheat (#E9D6BC): A whisper-light, dusty gold — the color of old brass.
• Sand (#DCA98A): A luminous, dusty gold — the color of old brass.
• Caramel (#AB897E): A luminous, dusty orange — the color of autumn markets.
• Deep Olive (#564600): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Dusty Taupe color palette (#FFF1F7, #B8D4B5, #BC9173, #8C6780, #3C4C40)
• Weathered Mustard Station color palette (#FFF2ED, #FED0AF, #D5B15A, #839E62, #005741)
• Timeworn Stone Ridge color palette (#FFF2ED, #F6ACA9, #75C8BA, #9993C1, #433B38)
• Washed Mint Study color palette (#FBF3F1, #FFD1D1, #86CB87, #DE9495, #2D2F24)
• Taupe Quarry color palette (#FDF2EF, #D7E5B5, #CE888B, #886357, #322926)
• Marigold Grove color palette (#FFEBD2, #D4CC6D, #D7951E, #B66749, #36362F)
• Driftwood Drift color palette (#FEECF4, #ABC3AB, #9E7588, #684E63, #1D3126)
• Rust Workshop color palette (#F3E3DA, #CD914D, #C85228, #8E3952, #1E1400)

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