Cocoa Pier color palette — #E8F7E3 · #AFC6B6 · #799B90 · #7C635F · #662D04

Rust and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Honeydew (#E8F7E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Stone (#AFC6B6): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#799B90): A luminous, dusty teal — the color of shallow lagoons.
• Pewter (#7C635F): A full-bodied, dusty orange — the color of autumn markets.
• Rust (#662D04): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Ancient Archive color palette (#E4F8E9, #ACCDC3, #AD92A4, #995A3A, #643C00)
• Powder Cabin color palette (#D8FFFA, #9AC9DD, #8D95A8, #7A6D77, #5C4F58)
• Fern Bloom color palette (#F1F3EB, #BBC9AC, #41928A, #5E6821, #243800)
• Weathered Cypress Station color palette (#F5F1EB, #C6E4E3, #73A2C4, #2C787C, #403040)
• Patina Garden color palette (#DEF1E7, #AF98B1, #78759D, #71432E, #3A280B)
• Aged Petrol Market color palette (#D6EEF4, #6F96BA, #5A60A3, #692C22, #301A00)
• Worn Boulevard color palette (#D9F2D8, #73CFDC, #008EAC, #1B5C7B, #173F35)
• Plum Basin color palette (#DBE5FF, #9B83C9, #964E87, #523E00, #172500)

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