Cocoa Pier color palette — #FAF1DC · #B6AB88 · #7F763F · #634600 · #282308

Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Cream (#FAF1DC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#B6AB88): A luminous, dusty green — the color of fresh herbs.
• Walnut (#7F763F): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#634600): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#282308): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Dusty Villa color palette (#FCEFE5, #CDB7A3, #AD7445, #80471E, #352A1D)
• Tempered Quarry color palette (#EBDFC6, #9E9B6F, #73641F, #4F3B00, #1E1700)
• Weathered Lagoon color palette (#E9FAEF, #8DB0A3, #7D7344, #6D4917, #214440)
• Hazy Terracotta Boulevard color palette (#FAEFEC, #E69C9D, #A2651B, #A43D44, #160C03)
• Mulberry Workshop color palette (#FFEDEA, #DDA583, #7D3E51, #401825, #160806)
• Chestnut Archive color palette (#F6E0CC, #714800, #3F2100, #1B0800, #020100)
• Gentle Quarry color palette (#FFE9DC, #CC723C, #993600, #690B00, #200C00)
• Aged Driftwood color palette (#FFEDED, #B06E95, #3D7D9C, #3B507F, #2B1112)

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