Cocoa Pier color palette — #FFE8F4 · #863800 · #2B291F · #251400 · #070100

A conversation between Rust and Ink, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#FFE8F4): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#863800): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#2B291F): a grounded near-black with real depth.
• Ink (#251400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#070100): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Moonless Terracotta Terrace color palette (#F1E5EE, #9D0705, #343A00, #2A1000, #0A0000)
• Nocturne Lagoon color palette (#DBF5DD, #6D4B00, #384238, #1C1900, #000400)
• Inked Cocoa color palette (#EFDDE7, #612300, #1A2217, #0C0800, #040006)
• Softworn Parlor color palette (#FCD9C8, #B36A00, #754F00, #3C2E00, #141100)
• Deep Olive Terrace color palette (#D2ECDD, #7F7300, #2A3813, #011C10, #010602)
• Chalky Aubergine color palette (#E9E0CB, #7E6200, #006773, #7B0779, #0B0700)
• Softworn Lagoon color palette (#D7F0EB, #41966F, #006153, #5D1E35, #00140A)
• Hushed Moss Canyon color palette (#CFECE6, #68A144, #345454, #20322E, #101B17)

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