Cocoa Atelier color palette — #FFF0FB · #F0D1D2 · #DBB4AF · #B38C83 · #793C1D

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

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Bone (#F0D1D2): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#DBB4AF): A luminous, dusty orange — the color of autumn markets.
• Dusty Rose (#B38C83): A luminous, dusty orange — the color of toasted spice.
• Bronze (#793C1D): A full-bodied, balanced orange — the color of sun-warmed clay.

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

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

• Patina Basalt color palette (#FFDAE0, #E2C0C1, #C897A5, #9E7A5B, #574018)
• Antique Bronze color palette (#FBD8E2, #BA8487, #A15E4D, #625000, #1F2100)
• Wandering Powder color palette (#E6F9FF, #D9DCE7, #BCC1E1, #7B9488, #3F534D)
• Gentle Olive color palette (#FFE2E6, #E4A7A2, #D88C6F, #857F05, #304200)
• Pale Lilac color palette (#FCF2F8, #CFD0FE, #F6B3B1, #A09AFD, #773821)
• Worn Fern Terrace color palette (#F4F6EE, #D8E3C5, #ABBC99, #8AA284, #44550D)
• Washed Garnet Alley color palette (#F0D8E6, #8A76AF, #7B5785, #713031, #1E0500)
• Aged Powder color palette (#E9F3FF, #B5C7E8, #898EA4, #6A6071, #453647)

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