Dusty Cocoa color palette — #F7ECE8 · #D9C8C0 · #B69A89 · #7C4143 · #3B2923
A conversation between Coffee and Taupe, giving this palette its sense of sophistication.
The five colors
- Cream (#F7ECE8): a clean, paper-quiet neutral.
- Oat (#D9C8C0): A whisper-light, dusty orange — the color of toasted spice.
- Taupe (#B69A89): A luminous, dusty gold — the color of honey in a jar.
- Coffee (#7C4143): A full-bodied, balanced red — the color of a theater curtain.
- Espresso (#3B2923): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Dusty 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
- Pewter Delta color palette (#FDF3EE, #E2D8C6, #C2AFA1, #85554E, #423834)
- Weathered Mulberry color palette (#F2E6E3, #D6C8C1, #B1A092, #8E2E40, #1F120F)
- Softworn Bloom color palette (#FFE4D7, #B28A65, #76613B, #464D00, #1E392A)
- Weathered Coast color palette (#F2E9E2, #BAA58E, #9E7837, #542C00, #1F1003)
- Dusty Blush Boulevard color palette (#F4ECEB, #D7D2C8, #BBBCA2, #E06281, #3D2823)
- Worn Bronze Field color palette (#F9F4ED, #DADDD0, #A6B3B1, #A17A3A, #56524C)
- Weathered Coast color palette (#E4E7D5, #4B9F6E, #006548, #553610, #252D0C)
- Ember Grove color palette (#FFF0E8, #FF828C, #E15641, #9A4E00, #451500)
Browse the whole catalog at Explore, or see today's palette.