Washed Cocoa color palette — #EEDFBC · #ABAF88 · #3D8380 · #6D4B47 · #5D3200

Cocoa and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Peach Cream (#EEDFBC): A whisper-light, dusty gold — the color of old brass.
• Sage (#ABAF88): A luminous, dusty green — the color of new leaves after rain.
• Teal (#3D8380): A full-bodied, dusty teal — the color of glacier melt.
• Coffee (#6D4B47): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#5D3200): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Softworn Cocoa Market color palette (#FCF6D5, #A9BC94, #4F8B9C, #765C54, #6B4100)
• Worn Lagoon color palette (#DEE5BE, #AEC199, #589C92, #3D7064, #523D4E)
• Dusty Olive Orchard color palette (#FEF3E4, #9F9F65, #43711F, #5D4720, #37352F)
• Quiet Teal color palette (#E3EEE0, #0BB1A1, #0073A6, #73331E, #492B00)
• Hushed Taupe Quarry color palette (#CAEBC2, #7CA98A, #4C8474, #385166, #1E2D41)
• Cobalt Canyon color palette (#C1F4DE, #7CC1CD, #5678BF, #6D522A, #404609)
• Timeworn Corridor color palette (#FAF4EF, #A2D1BA, #367DB8, #00605B, #4C2F47)
• Driftwood Drift color palette (#DBECBD, #9ED0CB, #83B2BD, #8F7DA8, #4F4463)

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