Softworn Cocoa color palette — #FFF0FA · #DF886C · #7A5A00 · #872800 · #020100

Rust takes the lead with Coral Clay close behind in a set that reads as optimism and balance at first glance.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Coral Clay (#DF886C): A luminous, balanced orange — the color of sun-warmed clay.
• Coffee (#7A5A00): A full-bodied, balanced gold — the color of old brass.
• Rust (#872800): A full-bodied, balanced orange — the color of autumn markets.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Balance. Tagged duotone.

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

• Garnet Pier color palette (#FCF1FC, #ED7984, #9B4000, #93002D, #040002)
• Amber Alley color palette (#F7E4EC, #D37006, #5F4B00, #5D2D00, #020100)
• Dusty Veranda color palette (#EEF8F0, #C39C45, #4C6C00, #634900, #000201)
• Worn Pier color palette (#FFD8BB, #CC8D39, #805A00, #372B00, #030300)
• Honey Balcony color palette (#FFF1F5, #FFB051, #898100, #965C00, #020200)
• Muted Terracotta Workshop color palette (#FEF1F8, #E4D5D4, #CDB3BB, #9A4100, #190511)
• Crimson Basin color palette (#F3E2DE, #CF3556, #514200, #6A0021, #020100)
• Timeworn Market color palette (#E9FAF3, #B9C370, #008C5B, #636A00, #000202)

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