Cocoa Thicket color palette — #FDF4E6 · #D393A0 · #976B57 · #286658 · #71331B

A conversation between Rust and Rosewood Mist, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#D393A0): A luminous, dusty red — the color of a theater curtain.
• Walnut (#976B57): A full-bodied, dusty orange — the color of autumn markets.
• Pine (#286658): A full-bodied, dusty teal — the color of shallow lagoons.
• Rust (#71331B): A full-bodied, balanced orange — the color of toasted spice.

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

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

• Aged Ash Lagoon color palette (#FEF4E3, #BE97CA, #986777, #4F6038, #594043)
• Weathered Orchard color palette (#FFF2EE, #CA8087, #7F7032, #186054, #533850)
• Wandering Denim Coast color palette (#F6F2E4, #CC9CA8, #A16759, #12587E, #3E2424)
• Patina Courtyard color palette (#FFF2EE, #DCC2B1, #A6947C, #627761, #3D5655)
• Tempered Petrol Workshop color palette (#E7FBF2, #D2B0D7, #BB8371, #367699, #4F4159)
• Hushed Ember Corridor color palette (#FFF4E2, #E3574B, #875200, #005052, #592309)
• Dusty Driftwood color palette (#F7F6EA, #C0C4A2, #768A48, #775F5F, #4E5200)
• Apricot Balcony color palette (#EDF9EF, #FFBBC8, #E79872, #539B8A, #514250)

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