Cocoa Market color palette — #FDE8F6 · #E3CBD6 · #D4ADB8 · #AC8176 · #773C19
Bronze and Caramel set the tone — five colors that lean into optimism and warmth.
The five colors
- Blush (#FDE8F6): A whisper-light, dusty pink — the color of neon signs at night.
- Oat (#E3CBD6): A whisper-light, dusty rose — the color of pressed rose petals.
- Rosewood Mist (#D4ADB8): A luminous, dusty rose — the color of strawberry cream.
- Caramel (#AC8176): A luminous, dusty orange — the color of autumn markets.
- Bronze (#773C19): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Cocoa Market 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
- Faded Chapel color palette (#FCF1FF, #E8B6DA, #DE95AF, #BA773F, #684900)
- Timeworn Stone color palette (#D8FBE9, #BFDED4, #CAAAC8, #AE848B, #6E4848)
- Bronze Orchard color palette (#EADCE6, #D5A0B3, #BA8086, #956807, #453A06)
- Softworn Canyon color palette (#EDFAE5, #B7D5C4, #B294A8, #926A2A, #544E00)
- Frosted Rust Station color palette (#F0EDFF, #CEAAEA, #C186BE, #BD5341, #5D2800)
- Muted Powder Canyon color palette (#E3FAFF, #D1DAF9, #B7B1E4, #5E8368, #43594F)
- Dusty Archive color palette (#DCE1F3, #918EBD, #8864AC, #843643, #3F0100)
- Cocoa Canyon color palette (#FBE9FF, #A07899, #8F566C, #683400, #1B0F00)
Browse the whole catalog at Explore, or see today's palette.