Cocoa Pier color palette — #F3D9E9 · #832B00 · #00415C · #390E00 · #000103

Rust takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#F3D9E9): A whisper-light, dusty pink — the color of a candy shop window.
• Rust (#832B00): A full-bodied, balanced orange — the color of toasted spice.
• Navy (#00415C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#390E00): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged 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

• Obsidian Navy color palette (#D7E5D8, #654500, #003B73, #2B1B00, #000104)
• Mulberry Canyon color palette (#E9DEEF, #8A0D4C, #004639, #3E001E, #000201)
• Charred Cocoa color palette (#FBDFEA, #5B2E00, #003844, #161A3B, #030100)
• Eclipse Garden color palette (#EAE5FB, #006B78, #774400, #0B0E07, #040001)
• Eclipse Aubergine Terrace color palette (#F5DAEB, #8B2D00, #54008E, #3D0F00, #0A0019)
• Muted Bronze Orchard color palette (#F1E2D6, #9D5300, #006567, #562B00, #000808)
• Grape Terrace color palette (#FFE7D8, #B04400, #711DAD, #4C1900, #020006)
• Antique Aubergine Dune color palette (#E2F1E9, #655D00, #67039D, #2F2B00, #05000D)

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