Softworn Cocoa color palette — #F9DCED · #B98EA0 · #8A6E92 · #704240 · #403D36
Coffee and Slate set the tone — five colors that lean into sophistication.
The five colors
- Rose Water (#F9DCED): A whisper-light, dusty pink — the color of neon signs at night.
- Dusty Rose (#B98EA0): A luminous, dusty rose — the color of strawberry cream.
- Slate (#8A6E92): A full-bodied, dusty pink — the color of neon signs at night.
- Coffee (#704240): A full-bodied, dusty orange — the color of sun-warmed clay.
- Charcoal (#403D36): a grounded near-black with real depth.
Feels like: Sophistication. Tagged vintage, retro, 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
- Weathered Mulberry Loft color palette (#FBD9E8, #987FAA, #6E416A, #532A22, #3F1B00)
- Cocoa Balcony color palette (#FDE1E8, #BF8181, #8F5E50, #5A4500, #2D3805)
- Powder Courtyard color palette (#D2ECFF, #A4B4F2, #A57EA6, #427263, #334E46)
- Sunlit Courtyard color palette (#F3DEF2, #CD75AF, #AB3960, #714000, #3B3F12)
- Weathered Periwinkle Orchard color palette (#DAF6EB, #8A9BD4, #8A698A, #534600, #322A02)
- Weathered Cobalt color palette (#BEEBD8, #88AED5, #627AB0, #664461, #5A3837)
- Wandering Bronze color palette (#FFF1F2, #D4B5B2, #AF938C, #976B2E, #664C00)
- Ash Thicket color palette (#AFEDF7, #D5B9D6, #BD9BC0, #8D8A64, #3C4B25)
Browse the whole catalog at Explore, or see today's palette.