Cocoa Market color palette — #FEF4E1 · #D4DDCD · #B9C0AC · #B398AB · #674A55

Charcoal Brown takes the lead with Dusty Rose close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Cream (#FEF4E1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bone (#D4DDCD): A whisper-light, dusty green — the color of fresh herbs.
• Stone (#B9C0AC): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#B398AB): A luminous, dusty pink — the color of neon signs at night.
• Charcoal Brown (#674A55): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Sophistication, Softness, Clarity. 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

• Worn Coast color palette (#FFF2EE, #E7D6C4, #ACAB8A, #9E7D7A, #664944)
• Washed Meadow color palette (#DBFBE8, #B3D2C8, #779D9D, #60687A, #41404D)
• Garnet Parlor color palette (#E8F4C3, #CDD4AC, #67C4B4, #8E7FB5, #6A3661)
• Muted Hollow color palette (#F6F6EB, #DBE1CA, #89C4AF, #AF957C, #485407)
• Dusty Pewter Delta color palette (#EDEAC9, #ACB897, #60A0A1, #81619C, #582748)
• Coral Drift color palette (#F3F8E3, #A5D5AE, #A8BBF5, #ED9283, #42433C)
• Tempered Pier color palette (#F5F7E8, #BAE1B7, #E4B3E8, #7BBB77, #5F4161)
• Antique Plum Coast color palette (#CEF3ED, #76C9D9, #68A4D5, #B9466B, #65281A)

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