Cocoa Pier color palette — #D8F4DF · #564000 · #222218 · #051200 · #000200

Deep Olive takes the lead with Ink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Honeydew (#D8F4DF): A whisper-light, dusty teal — the color of glacier melt.
• Deep Olive (#564000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#222218): quiet, heavy and certain.
• Ink (#051200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Worn Bronze Grove color palette (#FFEDD8, #867400, #3F4E00, #052A01, #000C06)
• Deep Garnet color palette (#FFEAE3, #762400, #322B1F, #140D00, #040002)
• Moonless Grove color palette (#EFE4D3, #755C00, #273231, #121400, #020100)
• Forest Canyon color palette (#C9F3F4, #006547, #383B42, #001E24, #000707)
• Softworn Garden color palette (#DCF4EE, #5E9521, #274044, #15211E, #080E0A)
• Timeworn Olive color palette (#D0E8DB, #508947, #005042, #3F183C, #000A09)
• Antique Aubergine color palette (#E5F1D7, #456300, #750391, #660043, #020400)
• Aubergine Lagoon color palette (#CDF4E9, #61891E, #5E1F9B, #283E00, #0D001E)

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