Cocoa Pier color palette — #FFF2E6 · #BEB69A · #818D73 · #7F575D · #714002

Bronze and Graphite set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FFF2E6): A whisper-light, dusty gold — the color of honey in a jar.
• Stone (#BEB69A): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#818D73): A luminous, dusty green — the color of new leaves after rain.
• Graphite (#7F575D): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#714002): A full-bodied, balanced gold — the color of old brass.

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

• Wandering Dune color palette (#F5F6E9, #A5B790, #35817E, #834824, #344B05)
• Tempered Hollow color palette (#F0FADE, #BFCAB7, #92AC92, #5D799B, #61485A)
• Patina Stone Ridge color palette (#FFF1F5, #B7DFCE, #8CBEC2, #9689A9, #564B5E)
• Wandering Cabin color palette (#E1E5CD, #5DAAA4, #316A85, #613729, #3C2D00)
• Petrol Bloom color palette (#D0FBF5, #90BCBB, #609096, #39647F, #2A3A4D)
• Pale Ridge color palette (#F4F8E4, #78AF7B, #B96E93, #35763B, #5F3148)
• Cerulean Coast color palette (#FBF3F0, #C5E6CD, #4F94B3, #306F5D, #553E58)
• Lagoon Loft color palette (#EFFBD9, #449D6E, #9D6595, #8E4E53, #373932)

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