Cocoa Atelier color palette — #FFF0F9 · #FFC6DC · #E4A5B2 · #B9777A · #6D2F2B

Built around Oxblood, softened by Dusty Rose — the whole palette hums with warmth and comfort.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Shell Pink (#FFC6DC): A whisper-light, dusty rose — the color of a warm blush.
• Ballet Pink (#E4A5B2): A luminous, dusty red — the color of late-summer berries.
• Dusty Rose (#B9777A): A luminous, balanced red — the color of a theater curtain.
• Oxblood (#6D2F2B): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Warmth, Comfort, Sophistication. 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

• Timeworn Stone Terrace color palette (#FFF3E9, #FFB9D1, #E09899, #9C8968, #56423E)
• Aged Terracotta Archive color palette (#FFEBF6, #E1AFB9, #A96F82, #893722, #452500)
• Mallow Harbor color palette (#F6F3FF, #E7D4FF, #D0A7DF, #AB83AC, #633156)
• Sunlit Coast color palette (#FFE3E9, #FFB5B8, #FF7971, #C54D27, #5A2400)
• Washed Blush color palette (#FEEEEB, #FB92B0, #8E756D, #60504E, #27201F)
• Aged Fern color palette (#FFF2EF, #FED5C3, #D2BEB0, #9D9781, #5A5500)
• Timeworn Harbor color palette (#FCF2F3, #E2D8D2, #B6B1A4, #6B8B9D, #5A4F50)
• Misty Marigold color palette (#FFF1E9, #FFC89B, #E0A153, #A17E36, #503E00)

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