Soft Cocoa color palette — #FFE8F5 · #DF93AB · #A3585D · #842F16 · #5A2D00

Rust takes the lead with Brick close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#FFE8F5): A whisper-light, dusty pink — the color of a candy shop window.
• Ballet Pink (#DF93AB): A luminous, balanced rose — the color of pressed rose petals.
• Brick (#A3585D): A full-bodied, balanced red — the color of a theater curtain.
• Rust (#842F16): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#5A2D00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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

• Bronze Archive color palette (#FFECED, #E4968A, #AE653D, #6D4300, #4D3A00)
• Hazy Garnet Quarry color palette (#F9F1FF, #CE97CD, #9D587E, #802E46, #711A1E)
• Chestnut Veranda color palette (#FFF4E2, #C2819A, #9B5240, #155B43, #54332C)
• Feathered Chestnut color palette (#F5F2FF, #E3B2D4, #C7727D, #9E4B00, #523D00)
• Misty Coral Garden color palette (#F1D8DC, #EE615D, #9A3400, #522B00, #342100)
• Aged Pewter color palette (#FCF3F2, #E0D9D2, #C9BEAE, #96617C, #524443)
• Hushed Amber color palette (#FFE3DA, #E78123, #976200, #564600, #153D18)
• Charred Market color palette (#F2DBD8, #A63F02, #492600, #180E00, #040300)

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