Cocoa Pier color palette — #F5DAB3 · #ABAA4B · #9B6E00 · #873700 · #153108

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

The five colors

• Peach Cream (#F5DAB3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Gold (#ABAA4B): A luminous, balanced green — the color of fresh herbs.
• Ochre (#9B6E00): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#873700): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#153108): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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

• Bronze Market color palette (#F3E5D9, #C4AA79, #B8692E, #804949, #32302A)
• Quiet Mustard Workshop color palette (#DFFFE3, #CBBE52, #A37500, #773A00, #131C00)
• Gentle Mulberry color palette (#FCD5BA, #D59725, #BC5400, #9A0A34, #2D2A00)
• Pale Moss Summit color palette (#C6E9CB, #A58D00, #765500, #593100, #2A2C00)
• Dusty Chestnut color palette (#FEF3E6, #C4C18E, #AF884E, #935831, #424000)
• Feathered Market color palette (#FBEDD7, #7C8600, #684E00, #4E2200, #001001)
• Muted Byzantium Terrace color palette (#FFECF0, #E970FF, #767F00, #A400BC, #111300)
• Scarlet Meadow color palette (#F7E5F6, #FF6AA7, #D43500, #6A4800, #2B2900)

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