Cocoa Thicket color palette — #F7DBF3 · #A5687E · #7F4034 · #013E1A · #001815
A conversation between Coffee and Forest, giving this palette its sense of nature and growth.
The five colors
- Blush (#F7DBF3): A whisper-light, dusty pink — the color of a candy shop window.
- Mocha (#A5687E): A full-bodied, balanced rose — the color of strawberry cream.
- Coffee (#7F4034): A full-bodied, balanced orange — the color of toasted spice.
- Forest (#013E1A): A deep, shadowed, balanced teal — the color of glacier melt.
- Ink (#001815): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, 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
- Muted Chestnut Quarry color palette (#FFE5E7, #A46A4E, #684900, #003433, #00120B)
- Tempered Studio color palette (#E8E4FF, #A47192, #935951, #004E51, #001318)
- Washed Cocoa color palette (#FFDCE8, #B46E74, #783A2D, #2D2400, #030400)
- Hushed Bloom color palette (#FBEAF4, #8965A0, #6D385A, #3F3400, #041200)
- Worn Studio color palette (#E7E9F8, #9D4986, #632509, #002628, #000F18)
- Ancient Bronze color palette (#FFE1D9, #C47C63, #946B21, #00534F, #012C1D)
- Dusty Cabin color palette (#F6E2DC, #B72B47, #006664, #6D0020, #000807)
- Softworn Drift color palette (#E9E2D7, #609F9C, #00646E, #003D2B, #000B10)
Browse the whole catalog at Explore, or see today's palette.