Cocoa Pier color palette — #ECDBE5 · #7D2900 · #262E00 · #2E0037 · #140004

Rust and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#ECDBE5): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#7D2900): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#262E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Indigo (#2E0037): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#140004): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Optimism, Creativity, Depth, Luxury. Tagged jewel, vibrant, 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

• Velvet Cocoa color palette (#FAD9E7, #5F3200, #0A2600, #210017, #070000)
• Inked Cocoa color palette (#FBDEF2, #893100, #003E31, #001638, #040002)
• Deep Garnet color palette (#EFE1F7, #770045, #402700, #0F004E, #0F0012)
• Wandering Chestnut Coast color palette (#D9F2DB, #745000, #293E00, #00261F, #2A0001)
• Patina Cocoa color palette (#F1E6EB, #CBB1B9, #7C967E, #693500, #2B1921)
• Deep Studio color palette (#F6ECDC, #5B4000, #3A3D32, #130E00, #000401)
• Bronze Chapel color palette (#FFE4CC, #A36A00, #5D4400, #2F2600, #091704)
• Garnet Cabin color palette (#E2FDED, #756600, #006255, #70031B, #3A1925)

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