Cocoa Pier color palette — #F3E7D5 · #B69C64 · #594300 · #251A00 · #090400

Built around Deep Olive, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#F3E7D5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#B69C64): A luminous, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#594300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#251A00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#090400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: 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

• Fern Harbor color palette (#F6F2E6, #C3B37E, #5C580B, #2B2900, #100C03)
• Softworn Moss Delta color palette (#E5E3C5, #A89600, #324600, #101A00, #020300)
• Bronze Station color palette (#F1E6D0, #947400, #322900, #0E1819, #0B0700)
• Ancient Pine Garden color palette (#E6F2E1, #68A96A, #187B47, #004430, #001B15)
• Hushed Bronze Lagoon color palette (#F4E8D1, #8C7300, #007660, #732233, #170E00)
• Gentle Grove color palette (#FFEFDD, #8E5900, #64357E, #560C37, #140400)
• Taupe Canyon color palette (#F0E9D5, #B59E5A, #4F4700, #251B00, #080500)
• Hushed Taupe Archive color palette (#F2E7DB, #BD9A5F, #623D00, #2A1700, #0A0400)

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