Cocoa Atelier color palette — #FFF1F1 · #FFC4D2 · #EB9D97 · #BC8B79 · #734402

Bronze takes the lead with Rose Quartz close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Shell Pink (#FFC4D2): A whisper-light, dusty red — the color of a theater curtain.
• Rose Quartz (#EB9D97): A luminous, balanced orange — the color of toasted spice.
• Caramel (#BC8B79): A luminous, dusty orange — the color of autumn markets.
• Bronze (#734402): A full-bodied, balanced gold — the color of old brass.

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

Use it as a design system

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

• Aged Mallow Garden color palette (#FFF1F5, #F9BBF4, #E99AB9, #B78288, #544C48)
• Worn Studio color palette (#FFF2EC, #DFDACD, #B6C2CE, #C8AA96, #784212)
• Worn Glacier Terrace color palette (#FFF2EC, #FFC5B8, #75D9E1, #D99486, #39553E)
• Patina Basalt color palette (#FFF2EA, #EED7BC, #E9A893, #AC7C6B, #562700)
• Terracotta Lagoon color palette (#F7E6FF, #E3A9B1, #C0706B, #8C422C, #47273A)
• Patina Marigold Corridor color palette (#FFF2EC, #FFC6A1, #DEAC6B, #9E8A5A, #504E46)
• Gentle Pier color palette (#FDD6DD, #FFA89B, #FA6B00, #AA6800, #573D00)
• Amber Garden color palette (#EEDCD6, #DF7C00, #A87200, #625300, #1C2000)

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