Soft Cocoa color palette — #FFD8F0 · #D0C0F2 · #C99DD5 · #AB7272 · #6E360A

A conversation between Bronze and Mauve, giving this palette its sense of optimism and creativity.

The five colors

• Shell Pink (#FFD8F0): A whisper-light, dusty pink — the color of neon signs at night.
• Lavender (#D0C0F2): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#C99DD5): A luminous, balanced pink — the color of a candy shop window.
• Mocha (#AB7272): A luminous, dusty red — the color of a theater curtain.
• Bronze (#6E360A): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged vintage, retro, muted, warm.

Use it as a design system

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

• Lilac Lantern color palette (#DEECFF, #B6C7FF, #AC9EF6, #A47183, #6F3D42)
• Worn Bronze color palette (#EBEBFF, #C4ACE5, #AB84AF, #A15F45, #5A2A00)
• Frosted Blush color palette (#FDE4FF, #EFB7DA, #F58FAD, #AF865C, #5B4308)
• Plum Chapel color palette (#F9DDF8, #C576A6, #AD4C6F, #6A4621, #2A1D00)
• Powder Ridge color palette (#D0F9E3, #B0C0FF, #AB87BD, #66774D, #46463F)
• Coral Archive color palette (#EDD8DF, #F7A3AC, #E78069, #947C00, #414500)
• Dusty Periwinkle color palette (#D7F5F7, #8AA5D8, #976F91, #4D5927, #293201)
• Rust Archive color palette (#FFD7DD, #B16864, #A6491B, #524C00, #0C1500)

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