Washed Cocoa Lagoon color palette — #FFEFDD · #B6AC7D · #8C6F4E · #6D3D32 · #26230C

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

The five colors

• Cream (#FFEFDD): A whisper-light, dusty gold — the color of old brass.
• Sage (#B6AC7D): A luminous, dusty green — the color of fresh herbs.
• Walnut (#8C6F4E): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#6D3D32): A full-bodied, dusty orange — the color of autumn markets.
• Onyx (#26230C): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Washed Cocoa Lagoon 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

• Weathered Cocoa Delta color palette (#FFF3E6, #BAA47F, #8B6C45, #734524, #403D36)
• Worn Hollow color palette (#FEE3CF, #C1994B, #A25209, #73252B, #1D1E00)
• Hushed Lagoon Summit color palette (#EEF6DF, #47996D, #A46238, #77421F, #171D07)
• Softworn Taupe Quarry color palette (#E9FBE8, #C5E7CD, #B69874, #855D70, #1C382B)
• Chestnut Corridor color palette (#F9EEE3, #998541, #7B4700, #561A12, #0C1100)
• Olive Harbor color palette (#EFE3D0, #70782F, #564000, #3A1800, #000800)
• Muted Drift color palette (#EAF5EC, #DEA1A3, #11606A, #0F2F1A, #041007)
• Pewter Boulevard color palette (#EEF4EB, #60C9B2, #8C60A3, #007564, #19080E)

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