Cocoa Study color palette — #F4D8E1 · #AB9661 · #835B30 · #612D1A · #001E13
A conversation between Cocoa and Coffee, giving this palette its sense of optimism and sophistication.
The five colors
- Shell Pink (#F4D8E1): A whisper-light, dusty rose — the color of a warm blush.
- Moss (#AB9661): A luminous, dusty gold — the color of afternoon light on wheat.
- Coffee (#835B30): A full-bodied, dusty gold — the color of old brass.
- Cocoa (#612D1A): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#001E13): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Cocoa Study 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
- Ancient Taupe Terrace color palette (#CBE9D9, #8DA16E, #6C6632, #513910, #001D1B)
- Timeworn Study color palette (#F3DEEB, #C07B38, #9B3400, #6A0020, #1A1000)
- Weathered Driftwood Delta color palette (#FFF3E6, #E2C292, #AA8151, #794C24, #2E1E00)
- Bronze Delta color palette (#E6F7EA, #87B8A3, #88723C, #643F4F, #062923)
- Washed Meadow color palette (#D8F1D9, #827207, #5B3D00, #3B1700, #040600)
- Softworn Garnet Alley color palette (#D0F0F7, #00877E, #964A51, #722530, #001318)
- Aged Driftwood Hollow color palette (#FCEDF4, #ABC3A9, #9C7589, #665063, #1F3126)
- Amber Workshop color palette (#DDECF0, #D28E62, #005250, #002221, #000709)
Browse the whole catalog at Explore, or see today's palette.