Cocoa Workshop color palette — #F7E3EA · #B89C60 · #683905 · #2D1500 · #0C0206

Built around Bronze, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Rose Water (#F7E3EA): A whisper-light, dusty rose — the color of strawberry cream.
• Camel (#B89C60): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#683905): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2D1500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0C0206): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Dusty Amber color palette (#DDF2E7, #BB8C00, #444000, #191700, #030300)
• Chestnut Summit color palette (#FAECDE, #D5AF5A, #915100, #4F2C07, #1F1307)
• Muted Pine Chapel color palette (#EDF4ED, #C09861, #00784A, #734C00, #000808)
• Chestnut Atelier color palette (#EAF5EC, #99BEA0, #6A5019, #352400, #051007)
• Fern Ridge color palette (#E2F7F3, #C6A254, #215B00, #0A2800, #000A08)
• Wandering Chestnut Garden color palette (#FFF1F7, #DBD291, #954D04, #401D00, #0A0105)
• Lowlit Bronze Lantern color palette (#D4E4D3, #987200, #3C2400, #12191E, #0E0600)
• Ancient Olive Delta color palette (#EBDEC0, #9C9D53, #527703, #024A0D, #001E12)

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