Cocoa Studio color palette — #FFDCED · #B07748 · #7A3800 · #3E1100 · #020100
A conversation between Bronze and Caramel, giving this palette its sense of optimism and warmth.
The five colors
- Rose Water (#FFDCED): A whisper-light, dusty rose — the color of a warm blush.
- Caramel (#B07748): A luminous, balanced gold — the color of honey in a jar.
- Bronze (#7A3800): A full-bodied, balanced gold — the color of old brass.
- Espresso (#3E1100): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Black (#020100): quiet, heavy and certain.
Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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
- Driftwood Cabin color palette (#E5F1E6, #9B8438, #644800, #301D00, #010100)
- Timeworn Pier color palette (#F7DDE8, #C48D52, #8E4C00, #522100, #070300)
- Bronze Loft color palette (#FFF1F6, #E9AE65, #B56800, #793900, #231500)
- Aged Olive Delta color palette (#DDFEEE, #B0B885, #7E7A15, #534600, #0E1500)
- Weathered Villa color palette (#E6FBEE, #D8D48E, #AA9000, #785B00, #282B00)
- Ember Canyon color palette (#D3EDD7, #B19300, #EB3C01, #0E0501, #040003)
- Muted Bronze color palette (#FFF1F5, #CBE5CC, #BE9566, #8D5F39, #1F3826)
- Faded Boulevard color palette (#E9E4FF, #8F28A0, #005862, #002B42, #030004)
Browse the whole catalog at Explore, or see today's palette.