Softworn Cocoa color palette — #F6F3FF · #CEABD0 · #A76F88 · #854646 · #6F3515

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

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Mauve (#CEABD0): A luminous, dusty pink — the color of a candy shop window.
• Dusty Rose (#A76F88): A luminous, dusty rose — the color of a warm blush.
• Coffee (#854646): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#6F3515): A deep, shadowed, balanced orange — the color of toasted spice.

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

Use it as a design system

One click turns Softworn 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

• Wandering Station color palette (#FFEDEE, #E0B0C8, #B17089, #8B364D, #510514)
• Dusty Mallow Terrace color palette (#FFF1F7, #F1CCF9, #F59CC0, #BC7675, #693620)
• Softworn Mulberry Thicket color palette (#EDF6FF, #AFBCEF, #8A78AD, #7A4874, #6A2C41)
• Weathered Study color palette (#E7FBF3, #B899CD, #9B666E, #2C626D, #4A4359)
• Weathered Harbor color palette (#F5F4FC, #E0D7DD, #B3ABA5, #827D9E, #52515A)
• Ancient Terracotta color palette (#FFCCEE, #DA8196, #A24938, #613200, #3C2F00)
• Bronze Harbor color palette (#FFECF0, #DB918B, #A6662B, #694D00, #3F3E00)
• Crimson Study color palette (#FFE7F0, #C84854, #783300, #362000, #0C1702)

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