Cocoa Thicket color palette — #F1E6E5 · #D9C7C1 · #B89D8F · #774157 · #1F1210

Coffee takes the lead with Taupe close behind in a set that reads as sophistication at first glance.

The five colors

• Rose Water (#F1E6E5): a clean, paper-quiet neutral.
• Oat (#D9C7C1): A whisper-light, dusty orange — the color of toasted spice.
• Taupe (#B89D8F): A luminous, dusty orange — the color of autumn markets.
• Coffee (#774157): A full-bodied, dusty rose — the color of a warm blush.
• Ink (#1F1210): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cocoa Thicket 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 Mulberry color palette (#F2ECF6, #D4C7D3, #B397A6, #7B3C5B, #33293A)
• Worn Chestnut Villa color palette (#FBEFE7, #E7CFB5, #BDA883, #904100, #24170C)
• Weathered Garnet Canyon color palette (#F2E5E1, #C2AFA4, #9D8979, #7A1929, #160603)
• Aged Pewter color palette (#FDF2F2, #E2DAD0, #C8C2AA, #9B6181, #261B1B)
• Muted Amber Dune color palette (#FFE4E7, #CA8068, #7D5511, #2E482D, #002517)
• Bronze Garden color palette (#F7F0EA, #D9D9CD, #A6B3A8, #AA7641, #393531)
• Worn Harbor color palette (#ECE8D6, #679F4F, #006638, #4E2B45, #131300)
• Bronze Balcony color palette (#F3E9DC, #958C7B, #7C6A1E, #3C2400, #020100)

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