Weathered Cocoa Coast color palette — #FAF4EC · #CCC0A2 · #7C884F · #566C60 · #604A00

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

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Sand (#CCC0A2): A luminous, dusty gold — the color of afternoon light on wheat.
• Moss (#7C884F): A luminous, balanced green — the color of fresh herbs.
• Graphite (#566C60): A full-bodied, dusty teal — the color of sea glass.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

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

Use it as a design system

One click turns Weathered Cocoa Coast 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

• Washed Loft color palette (#F8F0EA, #D6C09D, #90843B, #705A63, #34302A)
• Fern Terrace color palette (#F4F6EC, #84BEA6, #17857A, #6D4F60, #334B06)
• Antique Courtyard color palette (#FCF2F7, #B7DCBF, #78A797, #797C8F, #455147)
• Dusty Lagoon color palette (#FFF1F5, #E4D8D3, #E1C0A2, #A98097, #5E484C)
• Ancient Onyx Pier color palette (#EEE1CC, #716F1C, #2C3F00, #2B0A51, #111000)
• Softworn Lantern color palette (#FFF1F6, #B9A4DC, #92A24B, #7D64A1, #4F4D46)
• Lagoon Courtyard color palette (#E2E3CC, #468A62, #005141, #23275B, #002210)
• Ancient Market color palette (#E9E5D4, #719957, #006631, #223F62, #2C2B03)

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