Washed Cocoa color palette — #E9F5EE · #8CC0B2 · #558164 · #744455 · #082E27

Coffee and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E9F5EE): bright and airy, almost weightless.
• Mint Leaf (#8CC0B2): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#558164): A full-bodied, dusty teal — the color of shallow lagoons.
• Coffee (#744455): A full-bodied, dusty rose — the color of strawberry cream.
• Deep Forest (#082E27): A deep, shadowed, dusty teal — the color of sea glass.

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

• Patina Cerulean Field color palette (#EBF4F2, #AACBCB, #588C97, #73576D, #1E3636)
• Olive Corridor color palette (#ECF9F2, #8FBAAB, #647D40, #704E5A, #314840)
• Aged Atelier color palette (#E7F6ED, #79AC9F, #39724F, #4F4715, #00221C)
• Ancient Taupe Basin color palette (#F9F5E9, #D3E5BF, #92A76E, #906F4F, #3A3831)
• Sunlit Olive color palette (#D1FDEF, #A4C28B, #678135, #364C00, #131B00)
• Quiet Garnet color palette (#CBEEE2, #61A772, #006B5A, #79001B, #001C08)
• Gentle Byzantium Cabin color palette (#D9FBF0, #7F9858, #7875BE, #8352A1, #00251D)
• Timeworn Grove color palette (#E2F8F0, #B4E5F3, #89D0EF, #AA7B33, #183A33)

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