Cocoa Studio color palette — #F5DCE9 · #5C2400 · #1D3100 · #00180E · #050100
A conversation between Espresso and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F5DCE9): A whisper-light, dusty pink — the color of neon signs at night.
- Espresso (#5C2400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Deep Forest (#1D3100): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#00180E): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Cocoa Studio 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
- Velvet Studio color palette (#D7E9DB, #4E3900, #112400, #000C09, #070000)
- Chestnut Grove color palette (#FBDED0, #914E00, #482A00, #160C00, #030200)
- Garnet Veranda color palette (#EFE4F1, #68002D, #003131, #001616, #040001)
- Obsidian Ridge color palette (#F0E0ED, #AC060C, #3A2200, #3E0101, #000300)
- Wandering Onyx color palette (#EAE2E7, #A6949D, #866673, #4E1500, #10060C)
- Twilit Nightshade Canyon color palette (#DDE4F0, #2103A3, #00331E, #001715, #01000F)
- Mulberry Thicket color palette (#FFDCD5, #9A0042, #00504E, #00302F, #060000)
- Weathered Fern Terrace color palette (#D6F9E9, #545600, #004D4E, #002E3C, #0E0E00)
Browse the whole catalog at Explore, or see today's palette.