Cocoa Atelier color palette — #FFEBF6 · #C99DAC · #986751 · #72383A · #112919

Built around Rust, softened by Walnut — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FFEBF6): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#C99DAC): A luminous, dusty rose — the color of pressed rose petals.
• Walnut (#986751): A full-bodied, dusty orange — the color of autumn markets.
• Rust (#72383A): A full-bodied, balanced red — the color of late-summer berries.
• Deep Forest (#112919): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Ancient Harbor color palette (#FFECF2, #91B69B, #926C44, #733A25, #07291E)
• Ancient Thicket color palette (#FFF0F8, #C29AAC, #9B6245, #6F4538, #4E343E)
• Tempered Chestnut color palette (#EFDAE4, #B29268, #925125, #652824, #031E10)
• Amber Villa color palette (#FFF2EA, #D7B897, #BD7D60, #8F5758, #403D36)
• Hushed Bronze Atelier color palette (#F1D7E1, #8D6C1E, #643700, #430C00, #060500)
• Washed Grove color palette (#E9F4F5, #D4A987, #20624D, #003022, #001011)
• Gentle Garnet color palette (#E6F5FB, #0B97A6, #746AAD, #86313B, #001E28)
• Fern Garden color palette (#DFF7E5, #54560D, #352800, #190A00, #000200)

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