Velvet Cocoa color palette — #F4DEE7 · #857039 · #5B2F00 · #2B0002 · #010100

Cocoa takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Rose Water (#F4DEE7): A whisper-light, dusty rose — the color of a warm blush.
• Walnut (#857039): A full-bodied, dusty gold — the color of old brass.
• Cocoa (#5B2F00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#2B0002): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, dark, muted.

Use it as a design system

One click turns Velvet Cocoa 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

• Cellar Boulevard color palette (#E8DCD3, #725400, #452000, #280003, #050300)
• Cocoa Grove color palette (#F6E4EC, #9E8146, #773B00, #46000A, #010100)
• Lowlit Olive color palette (#D7F1E4, #5D7E49, #413E00, #1D0F00, #000201)
• Velvet Bronze color palette (#FDDBD9, #AB5700, #493A00, #0C1700, #000201)
• Muted Fern color palette (#CFEEDD, #87A56F, #6A6100, #482A00, #000502)
• Muted Balcony color palette (#E6FCE9, #B5B685, #946F28, #742E00, #001713)
• Rust Chapel color palette (#F9EAF7, #BE544D, #00491F, #570006, #000200)
• Shadow Abyss Market color palette (#F7DDE5, #6E4100, #004A16, #001834, #020100)

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