Cocoa Workshop color palette — #FFF1F1 · #FFC7D8 · #E59EA3 · #C38681 · #773E15

Bronze and Rose Quartz set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Shell Pink (#FFC7D8): A whisper-light, dusty rose — the color of pressed rose petals.
• Rose Quartz (#E59EA3): A luminous, balanced red — the color of a theater curtain.
• Dusty Rose (#C38681): A luminous, dusty orange — the color of toasted spice.
• Bronze (#773E15): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, warm.

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

• Patina Loft color palette (#FFF2EE, #FFC4B6, #E9A587, #B68460, #504B45)
• Weathered Blush color palette (#FFF1F3, #F3B5D6, #D78C99, #9C634C, #524C47)
• Tempered Loft color palette (#FFF2ED, #DFDACD, #DBABA4, #A8B3CA, #773F14)
• Washed Coral color palette (#FFF2ED, #FFC3C2, #84D8D6, #DF8F8F, #385638)
• Weathered Rust Courtyard color palette (#F4EBFF, #E7A0B5, #BF5E6D, #80443F, #432B3B)
• Tangerine Boulevard color palette (#F4E1E3, #FFA29F, #FF734E, #C8570D, #5B3200)
• Ancient Station color palette (#FFF2ED, #FFAFA6, #95CE9B, #9AAEDC, #48403D)
• Wandering Marigold color palette (#FFD6BA, #F6BD80, #CDA04A, #9A7E2C, #4A4519)

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