Washed Cocoa color palette — #FFEDE8 · #DFD5C7 · #B6C5D2 · #A2827C · #5F2404
A conversation between Espresso and Caramel, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#FFEDE8): A whisper-light, dusty orange — the color of autumn markets.
- Bone (#DFD5C7): A whisper-light, dusty gold — the color of honey in a jar.
- Stone (#B6C5D2): A luminous, dusty blue — the color of deep harbor water.
- Caramel (#A2827C): A luminous, dusty orange — the color of autumn markets.
- Espresso (#5F2404): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Optimism, Sophistication. Tagged pastel, light, muted.
Use it as a design system
One click turns Washed 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
- Muted Stone color palette (#FFEDEE, #EAD3D4, #DDB795, #A5848B, #4A3839)
- Aged Cocoa color palette (#FFF2F0, #E1DBCF, #A2BED4, #C89CAB, #7A3E1E)
- Marigold Orchard color palette (#FFEEE7, #E2D6BF, #EBA441, #A8534D, #411B07)
- Worn Bronze color palette (#FCF0E2, #D0B88C, #A6793D, #7B4C0F, #332B1D)
- Ember Quarry color palette (#F6E0D6, #D96B43, #965920, #59111F, #0B0100)
- Mustard Studio color palette (#EFE5D9, #D8A72D, #999142, #7A3F00, #150B00)
- Powdered Moss color palette (#E5DFC5, #A6A61C, #5D8400, #473300, #080600)
- Amber Market color palette (#FFEEE2, #D57942, #6E8E5C, #745071, #2D1F15)
Browse the whole catalog at Explore, or see today's palette.