Cocoa Workshop color palette — #FFF2ED · #E6D9D5 · #FFBC99 · #C9BCA0 · #6D330F

Rust and Cantaloupe set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E6D9D5): bright and airy, almost weightless.
• Cantaloupe (#FFBC99): A whisper-light, balanced orange — the color of toasted spice.
• Stone (#C9BCA0): A luminous, dusty gold — the color of old brass.
• Rust (#6D330F): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Antique Shell color palette (#FFF1F2, #E4D0D0, #FFB5C7, #B3A18D, #573C3B)
• Weathered Mustard Corridor color palette (#FBF4EC, #D7FEC7, #E3DBC7, #D6C47D, #4F4A44)
• Muted Fern Balcony color palette (#FFF2EA, #F1DAC4, #D1BB96, #9BA183, #3D5615)
• Patina Terrace color palette (#FFF2EA, #FFCCAE, #F8A763, #B78B5D, #56504A)
• Apricot Basin color palette (#FCEFE9, #F99A85, #A66C41, #5E524C, #26201E)
• Feathered Marigold color palette (#FFF1E5, #FFCBBA, #FFAE6C, #E19F00, #391E00)
• Patina Powder Bloom color palette (#F4F6F0, #C9E6E9, #9DCBFE, #70ABC7, #5F4A5E)
• Soft Ember Cabin color palette (#F4E4DD, #FF5F6C, #F94500, #A85E00, #0F0200)

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