Cocoa Thicket color palette — #FFF0F9 · #C79C85 · #8B657D · #73433A · #4C363F

Coffee and Camel set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Camel (#C79C85): A luminous, dusty orange — the color of sun-warmed clay.
• Slate (#8B657D): A full-bodied, dusty pink — the color of a candy shop window.
• Coffee (#73433A): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal (#4C363F): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Washed Cocoa color palette (#FAEEF6, #C89EAF, #976858, #6E3A41, #142818)
• Dusty Cocoa Lagoon color palette (#F7E0EC, #BA8B6A, #87563C, #6A311F, #452532)
• Tempered Market color palette (#FFF1F6, #93B190, #8F6946, #6C4830, #314233)
• Hushed Apricot Canyon color palette (#FFF2EB, #F4C5AC, #DE997E, #A97B71, #5B3200)
• Antique Denim color palette (#F3F4FF, #D69E9B, #584678, #282A4B, #201726)
• Hushed Bronze Cabin color palette (#F9F2FF, #AD678B, #956623, #5C5411, #382E41)
• Powdered Mulberry color palette (#F5F4FE, #CB9AD4, #A15265, #80438C, #2C1E2F)
• Tempered Bronze color palette (#F8E6EF, #A3652F, #6F3100, #491400, #231100)

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