Softworn Cocoa color palette — #FBE6F1 · #8F6A3F · #632800 · #2B0004 · #020100

A conversation between Rust and Walnut, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FBE6F1): A whisper-light, dusty pink — the color of peonies in June.
• Walnut (#8F6A3F): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Rust (#632800): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#2B0004): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

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

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

• Twilit Olive Ridge color palette (#D9EBDC, #797624, #4D3800, #200D00, #010100)
• Cocoa Orchard color palette (#FFE6F4, #AC7A43, #803100, #46000D, #020100)
• Softworn Bronze Field color palette (#FFF1F5, #C4B178, #A26709, #762B00, #121400)
• Weathered Chestnut color palette (#D3EDDB, #99A063, #745D00, #492900, #010500)
• Deep Bronze color palette (#D7E9EB, #B16418, #002219, #060C0F, #000201)
• Navy Station color palette (#C4E5F7, #005769, #262791, #340012, #000102)
• Tempered Courtyard color palette (#DDEFF0, #00906C, #003584, #003425, #000106)
• Moonless Lagoon color palette (#CFF1E5, #00898D, #004556, #000E20, #01000A)

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