Softworn Cocoa color palette — #F0DFE8 · #B8A2AC · #9A727F · #5D2300 · #1D0E17
Espresso takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Rose Water (#F0DFE8): A whisper-light, dusty pink — the color of peonies in June.
- Mauve (#B8A2AC): A luminous, dusty rose — the color of strawberry cream.
- Mocha (#9A727F): A full-bodied, dusty rose — the color of pressed rose petals.
- Espresso (#5D2300): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#1D0E17): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Basalt Corridor color palette (#F9E8EE, #9AB19A, #6B8871, #522D00, #1F0D15)
- Hushed Terracotta color palette (#ECE2DC, #C1B1A2, #A79272, #8C3100, #230D01)
- Dusty Fern Studio color palette (#D6E2DE, #A8BFBA, #759692, #3B4C00, #0E241E)
- Hushed Lagoon color palette (#EFE2EB, #A7B9B3, #7BA5A6, #BF411F, #200B1B)
- Dusty Chestnut Bloom color palette (#FFF1F7, #E7CAD3, #96AE98, #884600, #3D2E35)
- Weathered Ember Studio color palette (#FFE9F1, #E55400, #9B5700, #644B00, #180B00)
- Chestnut Garden color palette (#D8E9DB, #804800, #3F2D00, #001F0E, #140800)
- Hushed Olive color palette (#D4EADD, #6F7000, #323D00, #361A00, #101100)
Browse the whole catalog at Explore, or see today's palette.