Shadow Cocoa Pier color palette — #F1DBE5 · #733700 · #2D2C00 · #00142A · #170000

A conversation between Bronze and Espresso, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F1DBE5): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#733700): A full-bodied, balanced gold — the color of old brass.
• Espresso (#2D2C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#00142A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#170000): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Shadow 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

• Eclipse Orchard color palette (#FFE8F8, #852100, #00341A, #17003F, #150200)
• Charred Basalt Loft color palette (#F9D4E2, #552E00, #15180F, #0B0800, #050004)
• Bronze Station color palette (#F2DAC9, #936000, #4B3B00, #252300, #00140B)
• Twilit Mulberry Study color palette (#EBDCF4, #88004E, #392600, #00171C, #15000C)
• Midnight Grove color palette (#DBDCFA, #651A95, #3E2300, #001817, #0D001D)
• Raspberry Dune color palette (#F7E1ED, #E33C6D, #AC5D00, #465100, #100700)
• Softworn Aubergine Bloom color palette (#D8E6D8, #8B5E00, #00533F, #3F006C, #2D1B00)
• Patina Onyx Terrace color palette (#F7D4DD, #A2654F, #5C4200, #002955, #29093F)

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