Cocoa Thicket color palette — #F9D3E2 · #9A6B73 · #7E3E37 · #281F00 · #020200

A conversation between Rust and Mocha, giving this palette its sense of warmth and comfort.

The five colors

• Shell Pink (#F9D3E2): A whisper-light, dusty rose — the color of a warm blush.
• Mocha (#9A6B73): A full-bodied, dusty red — the color of a theater curtain.
• Rust (#7E3E37): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#281F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#020200): a grounded near-black with real depth.

Feels like: Warmth, Comfort, Sophistication. Tagged vintage, 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

• Tempered Archive color palette (#ECDDF6, #957095, #6E3259, #361500, #050200)
• Patina Pewter color palette (#FFE5FA, #935173, #5F1E2F, #2C1A00, #0A0E00)
• Wandering Basalt Alley color palette (#F5DFD9, #B18468, #7B5D33, #244118, #001206)
• Weathered Lagoon color palette (#DBE5FE, #9576AF, #92525F, #005445, #001114)
• Eclipse Atelier color palette (#F8D6DB, #D24F6B, #73002C, #190004, #040001)
• Frosted Plum color palette (#E8D8EC, #B3345F, #615500, #550024, #020100)
• Worn Stone Study color palette (#F8EBFF, #F3ACB1, #B47D74, #5E5428, #2B2F00)
• Worn Lagoon Balcony color palette (#D3E9E7, #458A6D, #004739, #001F2C, #000201)

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