Cocoa Study color palette — #FFF4E1 · #E1E0C8 · #B6C2AE · #B98F8F · #7C411F
Bronze and Dusty Rose set the tone — five colors that lean into optimism and sophistication.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Bone (#E1E0C8): A whisper-light, dusty green — the color of a quiet forest floor.
- Stone (#B6C2AE): A luminous, dusty green — the color of a quiet forest floor.
- Dusty Rose (#B98F8F): A luminous, dusty red — the color of embers at dusk.
- Bronze (#7C411F): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
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
- Worn Stone Villa color palette (#F1F8E8, #C7E8D9, #ABC6AE, #9B8599, #5D4754)
- Tempered Cocoa Villa color palette (#E3E1C7, #B6CAA7, #84AF9B, #A77670, #5D3E00)
- Muted Apricot Lantern color palette (#EBFAE9, #93D6CF, #ECA6C1, #D99272, #364833)
- Ancient Hollow color palette (#E7E5C4, #85877F, #217B7D, #713847, #250000)
- Antique Glacier color palette (#DFF9EC, #A3DAD7, #7F99A3, #736978, #4B4052)
- Ancient Terracotta color palette (#D0E8D6, #67A49F, #477A9B, #8E3A00, #241F00)
- Teal Atelier color palette (#F1F8EC, #A6E4D1, #F5B1C0, #0DC4A1, #6B3D49)
- Lagoon Atelier color palette (#F2F2D4, #B3E0BF, #6ECDAF, #28A29D, #365640)
Browse the whole catalog at Explore, or see today's palette.