Washed Cocoa color palette — #EEE3E6 · #9EA89F · #6E9078 · #633A00 · #150309

Bronze and Eucalyptus set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#EEE3E6): bright and airy, almost weightless.
• Taupe (#9EA89F): a calm mid-gray that lets other colors speak.
• Eucalyptus (#6E9078): A luminous, dusty teal — the color of sea glass.
• Bronze (#633A00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#150309): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

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

• Chestnut Harbor color palette (#F2E7DD, #A0A38D, #808C76, #925000, #120600)
• Ancient Garnet Boulevard color palette (#EFE6EC, #B09FA8, #997D89, #7E1B00, #13040F)
• Softworn Onyx color palette (#F2E5EA, #919E94, #4F7B6C, #432100, #13040B)
• Basalt Coast color palette (#F3ECE5, #C4B9A9, #A18F6F, #563300, #020100)
• Dusty Meadow color palette (#DAE3E1, #A9B8B6, #7C9D9B, #366000, #031814)
• Airy Amber Quarry color palette (#D1ECD9, #C07E00, #6F8325, #565800, #050300)
• Weathered Forest Market color palette (#D6F0E6, #657E4D, #155400, #3B2700, #030800)
• Antique Bronze color palette (#EAF0EC, #CEDBD4, #A7BDB3, #8C6D00, #203325)

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