Cocoa Study color palette — #FFE8F2 · #A47F41 · #763C00 · #450300 · #010100
Bronze takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Blush (#FFE8F2): A whisper-light, dusty rose — the color of strawberry cream.
- Caramel (#A47F41): A luminous, balanced gold — the color of honey in a jar.
- Bronze (#763C00): A full-bodied, balanced gold — the color of old brass.
- Espresso (#450300): A deep, shadowed, balanced orange — the color of toasted spice.
- Black (#010100): a grounded near-black with real depth.
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
- Patina Summit color palette (#E1EFE5, #898C33, #604A00, #341A00, #000200)
- Chestnut Study color palette (#FBDCE7, #B39657, #8A4F00, #5B1600, #040400)
- Ancient Bronze Courtyard color palette (#FFF1F5, #D9B758, #B06C00, #832D00, #191A00)
- Amber Grove color palette (#D4E9EC, #C67741, #00332C, #060E0F, #000201)
- Misty Aubergine Workshop color palette (#CEEFF8, #006E6E, #6615A6, #491300, #000202)
- Moss Meadow color palette (#DCFFEC, #C6D8A3, #A1942F, #815600, #04320A)
- Nightshade Station color palette (#DBEEF1, #00A58C, #2037BB, #00473B, #000107)
- Timeworn Blush color palette (#F6E8F7, #FF6DA2, #008A56, #030C0C, #000202)
Browse the whole catalog at Explore, or see today's palette.