Washed Cocoa color palette — #F1F8EB · #00795B · #7D3700 · #433400 · #222204

Bronze takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F1F8EB): a clean, paper-quiet neutral.
• Teal (#00795B): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#7D3700): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#433400): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#222204): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Muted Cocoa color palette (#ECF9EE, #006C77, #614700, #293700, #132101)
• Garnet Lagoon color palette (#F6F7E4, #4A6F1E, #83233B, #532400, #2B1F01)
• Aged Canyon color palette (#ECF9F1, #5490A0, #796D2C, #315A18, #293524)
• Plum Parlor color palette (#EFF6FF, #4682E9, #A92F81, #604B00, #05232D)
• Quiet Petrol Parlor color palette (#E1FCF3, #0071AD, #435600, #00432F, #002A30)
• Onyx Courtyard color palette (#D9E2D0, #004E3F, #4C1F00, #1E1700, #010700)
• Misty Summit color palette (#E3F7F1, #1777BB, #811259, #423300, #000E06)
• Petrol Delta color palette (#EFF7F5, #E2D7DA, #C0ADBC, #0B68A6, #303E3A)

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