Cocoa Station color palette — #FFECEC · #FFC2D6 · #E69EA7 · #BA7F70 · #733F0A

A conversation between Bronze and Rose Quartz, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FFECEC): A whisper-light, dusty red — the color of embers at dusk.
• Shell Pink (#FFC2D6): A whisper-light, dusty rose — the color of pressed rose petals.
• Rose Quartz (#E69EA7): A luminous, balanced red — the color of late-summer berries.
• Caramel (#BA7F70): A luminous, dusty orange — the color of toasted spice.
• Bronze (#733F0A): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged light, muted, warm.

Use it as a design system

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

• Muted Mallow Basin color palette (#FFF1F6, #E8C1F1, #E0A0C6, #C18397, #58504D)
• Antique Rust Alley color palette (#FFF2EF, #F0D4CA, #E7989F, #B56261, #4D4642)
• Hushed Loft color palette (#EBDEFF, #EAA7BC, #C15F69, #854737, #452D3A)
• Faded Terrace color palette (#FFD1DF, #FFAAAA, #FB6747, #C46500, #5B3C00)
• Stone Summit color palette (#FFF2ED, #FFCAB1, #E4B17E, #AD8F57, #524F48)
• Weathered Coral color palette (#FFF2ED, #FFC3C1, #8AD6DC, #DD918E, #36563D)
• Cocoa Veranda color palette (#FFF2EE, #E0DCCE, #B6C3D0, #DAABAB, #7D421D)
• Dusty Cocoa color palette (#FFF2ED, #FAB2AA, #7DCDD2, #80A9CE, #6A2E11)

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