Cocoa Studio color palette — #F1EFD5 · #B7C3A1 · #7A907A · #7E5967 · #773C1B
Bronze and Graphite set the tone — five colors that lean into optimism and sophistication.
The five colors
- Cream (#F1EFD5): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#B7C3A1): A luminous, dusty green — the color of new leaves after rain.
- Eucalyptus (#7A907A): A luminous, dusty green — the color of fresh herbs.
- Graphite (#7E5967): A full-bodied, dusty rose — the color of a warm blush.
- Bronze (#773C1B): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Sophistication. Tagged vintage, retro, 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
- Basalt Study color palette (#E7FCEA, #BED2C1, #8BACA5, #7A6E8D, #664253)
- Timeworn Chestnut Parlor color palette (#C5EBCE, #86AC9B, #8B7286, #87472F, #544300)
- Muted Chestnut color palette (#FBF4E7, #B9B08B, #657B54, #725401, #4F4200)
- Frosted Garnet color palette (#D0E7D6, #51A79A, #008397, #6B3A6B, #641C35)
- Washed Terrace color palette (#FAF4EB, #C4E5D6, #648FB5, #1E6E77, #573E55)
- Washed Petrol color palette (#DFF7DD, #63A2B8, #466892, #673A41, #542809)
- Hazy Loft color palette (#EFF9E9, #51B49C, #C16A89, #007762, #5E3631)
- Quiet Violet color palette (#E8FCE1, #009E8E, #8967B7, #93591B, #2C3E25)
Browse the whole catalog at Explore, or see today's palette.