Softworn Cocoa color palette — #FFDBCC · #AFAF7E · #488D80 · #804350 · #5F362A

Coffee and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFDBCC): A whisper-light, dusty orange — the color of autumn markets.
• Sage (#AFAF7E): A luminous, dusty green — the color of new leaves after rain.
• Fern (#488D80): A full-bodied, dusty teal — the color of sea glass.
• Coffee (#804350): A full-bodied, balanced red — the color of embers at dusk.
• Cocoa (#5F362A): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Warmth, Comfort, Sophistication. Tagged vintage, retro, 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

• Feathered Orchard color palette (#FFE1A5, #82B6AF, #358896, #7F483C, #603705)
• Cocoa Meadow color palette (#D7F0D8, #90AE88, #517984, #774844, #51374E)
• Antique Mulberry color palette (#FFDDE8, #CDA5BE, #7A833F, #79446F, #672D3C)
• Wandering Pewter Coast color palette (#E6F5B9, #A3C99E, #62A096, #715C9F, #663D5F)
• Airy Archive color palette (#FFF1F5, #AEA654, #4B773B, #6F4618, #413C00)
• Aubergine Quarry color palette (#E7EBD4, #96BA97, #41877E, #5B4383, #481440)
• Softworn Parlor color palette (#FFEAD6, #CAD2A5, #34CBB7, #A97689, #633B38)
• Wandering Ash Cabin color palette (#E3FCF5, #ABC3C9, #8392A8, #637465, #485649)

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