Dusty Cocoa color palette — #FFF0F8 · #91B191 · #926752 · #734147 · #2C4337

Coffee and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sage (#91B191): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#926752): A full-bodied, dusty orange — the color of toasted spice.
• Coffee (#734147): A full-bodied, dusty red — the color of late-summer berries.
• Forest (#2C4337): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Washed Chestnut Canyon color palette (#F7E1EB, #7DA183, #8D532A, #683032, #12382A)
• Driftwood Garden color palette (#ECF9ED, #9FC1B1, #698A6C, #705364, #394C49)
• Cocoa Corridor color palette (#FCEFE6, #BEA790, #99674C, #723A30, #2E2009)
• Chestnut Loft color palette (#FFF0F8, #D7B2BF, #B2836A, #90584D, #304232)
• Lagoon Quarry color palette (#E2FBFC, #00986F, #9D5774, #763E55, #103A3C)
• Worn Apricot Meadow color palette (#FFF2EA, #E5CCAD, #E29873, #AB787D, #3F3D36)
• Quiet Garnet color palette (#FAD7B2, #9F8D3D, #804E00, #6F1600, #202F00)
• Worn Forest color palette (#EDF8F7, #87BE93, #7362A3, #29703F, #202235)

Browse the whole catalog at Explore, or see today's palette.