Washed Cocoa color palette — #F2F8E8 · #5D9874 · #00707E · #693C00 · #353D00

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

The five colors

• Ivory (#F2F8E8): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#5D9874): A luminous, balanced teal — the color of glacier melt.
• Teal (#00707E): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#693C00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#353D00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Ancient Fern Market color palette (#F4F6ED, #A9B498, #33846C, #3B6544, #374A00)
• Cypress Hollow color palette (#DEE8DC, #00837B, #253728, #142411, #07100C)
• Antique Courtyard color palette (#F1F3E7, #4DA35B, #4D5BB0, #692B15, #341300)
• Frosted Archive color palette (#EEF9EB, #94F0CC, #1BD2BE, #0098A9, #2F482D)
• Tempered Cocoa color palette (#DEFDE7, #A4C1B4, #689186, #7D5360, #74361F)
• Timeworn Terrace color palette (#EDF9EE, #35999F, #366699, #573081, #57243B)
• Softworn Bloom color palette (#F5F6EF, #C6E5D2, #5094AF, #007078, #1E4D65)
• Soft Lagoon color palette (#E5FAF8, #65BB73, #6D75D2, #8C4824, #542C14)

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