Cocoa Studio color palette — #F7D8C4 · #986030 · #742B00 · #4A0206 · #060300

A conversation between Rust and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Peach Cream (#F7D8C4): A whisper-light, dusty gold — the color of old brass.
• Ochre (#986030): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#742B00): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#4A0206): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#060300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

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

• Frosted Atelier color palette (#F2E2D9, #AC6C3D, #8C3005, #610010, #140800)
• Aged Bronze Thicket color palette (#FFEDD6, #866C10, #5E3E00, #3A1B00, #040400)
• Ancient Coast color palette (#F5E6CD, #968F48, #785C00, #573400, #141900)
• Cocoa Corridor color palette (#F8E6D5, #BD9855, #9A6427, #7A370C, #302200)
• Airy Aubergine Meadow color palette (#DCE8CE, #006246, #61227B, #530012, #000201)
• Smoked Bronze color palette (#DCE4CF, #936E00, #00351E, #0D1A1E, #000803)
• Terracotta Ridge color palette (#FFEADA, #D8AB76, #B57547, #95462F, #453200)
• Weathered Lagoon color palette (#E8F0E2, #00896D, #00477B, #004334, #000206)

Browse the whole catalog at Explore, or see today's palette.