Washed Cocoa color palette — #F0DECA · #899E69 · #007978 · #733D00 · #413800

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

The five colors

• Parchment (#F0DECA): A whisper-light, dusty gold — the color of honey in a jar.
• Moss (#899E69): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#007978): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#733D00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#413800): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. 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

• Powdered Petrol Delta color palette (#E0EBD7, #6FAB8D, #007899, #644700, #2E4A00)
• Jade Drift color palette (#DBF2E5, #6EA167, #006A58, #4B4400, #11370D)
• Mulberry Lantern color palette (#F1E9CF, #A79557, #5C7C39, #8B205A, #623100)
• Ancient Denim Pier color palette (#D1F0DA, #5895A5, #505390, #3B4000, #0C2F10)
• Feathered Cerulean color palette (#E3F5E9, #5AC1B6, #0090AC, #7B4875, #632734)
• Ancient Drift color palette (#D0EDF5, #007E95, #BC0023, #783B00, #002932)
• Chestnut Hollow color palette (#E5FAFF, #8FB7C1, #6D889A, #725E2B, #1B5656)
• Airy Pier color palette (#DBF5E1, #43A699, #007287, #5C2754, #4A021A)

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