Washed Cocoa color palette — #F4F8E3 · #8EA37D · #1E7072 · #723A0E · #2C3B20
Bronze and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F4F8E3): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#8EA37D): A luminous, dusty green — the color of fresh herbs.
- Teal (#1E7072): A full-bodied, dusty teal — the color of shallow lagoons.
- Bronze (#723A0E): A full-bodied, balanced gold — the color of honey in a jar.
- Forest (#2C3B20): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Antique Loft color palette (#E7F5F4, #77ABAB, #18755D, #484A14, #002122)
- Olive Hollow color palette (#FFF3E6, #B2A35F, #5C7320, #005F49, #453A00)
- Chalky Market color palette (#F5ECC6, #67A35E, #006B4F, #444700, #083902)
- Softworn Boulevard color palette (#F4F7EB, #8FC2A7, #279478, #64682F, #113F2B)
- Worn Fern color palette (#EFE3D1, #90904F, #38611D, #004940, #2B2B00)
- Ancient Raspberry color palette (#EBF2D9, #52A16F, #B35089, #006837, #53213E)
- Mulberry Garden color palette (#D9EDC6, #008F6E, #945086, #94305E, #003426)
- Muted Cerulean Grove color palette (#FCF3EF, #ACCFB7, #3E80A4, #006152, #1E3B61)
Browse the whole catalog at Explore, or see today's palette.