Cocoa Terrace color palette — #FFF3E5 · #CAC6B1 · #959E89 · #806A6D · #624A42
A conversation between Charcoal Brown and Taupe, giving this palette its sense of sophistication.
The five colors
- Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Oat (#CAC6B1): A whisper-light, dusty green — the color of a quiet forest floor.
- Taupe (#959E89): A luminous, dusty green — the color of a quiet forest floor.
- Pewter (#806A6D): A full-bodied, dusty red — the color of a theater curtain.
- Charcoal Brown (#624A42): A full-bodied, dusty orange — the color of toasted spice.
Feels like: 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
- Ancient Driftwood color palette (#F2F8E7, #D2DECB, #A1B0A0, #907791, #634D5C)
- Tempered Basalt color palette (#E7E8D7, #9CA98C, #5E7967, #6B4D49, #5D313F)
- Washed Chestnut color palette (#F3F3CA, #A8BDA3, #729483, #925334, #694600)
- Patina Harbor color palette (#E1F7F6, #A7C8CC, #7D949A, #546B87, #38445D)
- Ancient Atelier color palette (#F5F7E6, #98BB90, #AF8AB3, #538049, #634349)
- Patina Cocoa color palette (#D5F0D9, #60AA9F, #3376A0, #7B3615, #483500)
- Worn Jade Studio color palette (#F4F8E5, #71A778, #A07AA6, #985D6B, #404800)
- Lagoon Ridge color palette (#F0FADA, #A6D9B7, #538D6A, #285F3E, #1A3E25)
Browse the whole catalog at Explore, or see today's palette.