Cocoa Pier color palette — #F6E3EA · #B0A05E · #673A00 · #2C1600 · #0D0206

Bronze and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F6E3EA): A whisper-light, dusty rose — the color of pressed rose petals.
• Camel (#B0A05E): A luminous, balanced green — the color of fresh herbs.
• Bronze (#673A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#2C1600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#0D0206): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Softworn Garnet color palette (#F2E4EF, #9AA861, #80191D, #3B0306, #0A0309)
• Tempered Chestnut Quarry color palette (#EBF5EE, #CCAF7A, #685200, #312600, #041008)
• Washed Drift color palette (#D4E9E1, #CF8000, #3A4400, #141800, #020300)
• Hushed Amber Drift color palette (#F8EFF3, #E1854D, #007180, #873D00, #00080D)
• Olive Workshop color palette (#F5DDCE, #B59A36, #407A00, #004C33, #001C20)
• Bronze Lagoon color palette (#D2E7D3, #947300, #3A2500, #131A1F, #0D0600)
• Patina Apricot color palette (#E1F7F6, #E68D68, #005C36, #002815, #000A0A)
• Amber Pier color palette (#F8E1F0, #AD8200, #006D47, #4F225D, #001E14)

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