Softworn Cocoa color palette — #FFE9F5 · #83602E · #5F2300 · #3B0011 · #0E0B00
A conversation between Espresso and Onyx, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#FFE9F5): A whisper-light, dusty pink — the color of a candy shop window.
- Walnut (#83602E): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#5F2300): A deep, shadowed, balanced orange — the color of autumn markets.
- Onyx (#3B0011): A deep, shadowed, balanced red — the color of a theater curtain.
- Ink (#0E0B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, 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
- Faded Cocoa color palette (#FCDDF0, #9B6A2D, #772700, #50001E, #1B1600)
- Twilit Market color palette (#F8D7C1, #8F4F02, #5C2100, #350002, #030100)
- Olive Basin color palette (#D9EBDB, #6B6C20, #4A3400, #321100, #020F00)
- Patina Rust color palette (#FFE4F0, #BC432D, #573400, #201B00, #000D01)
- Twilit Olive color palette (#E8D7F1, #3F7D31, #3C251A, #3B001E, #0F0005)
- Airy Courtyard color palette (#FADFCF, #C67D00, #AE4C23, #7F2941, #0F0B00)
- Chestnut Hollow color palette (#DFEEE2, #848E4F, #6B5200, #572800, #0D2C0F)
- Plum Cabin color palette (#F4EAF7, #B4295F, #2F3800, #4D0022, #010200)
Browse the whole catalog at Explore, or see today's palette.