Cocoa Pier color palette — #FFE3D2 · #7F2D00 · #403900 · #002128 · #050003

A conversation between Rust and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Parchment (#FFE3D2): A whisper-light, dusty gold — the color of honey in a jar.
• Rust (#7F2D00): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#403900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Midnight (#002128): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#050003): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Sophistication, 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

• Dusty Mulberry Cabin color palette (#F5EEE2, #A72D60, #5E2F00, #00213B, #0D0001)
• Onyx Ridge color palette (#F5ECDD, #5C4800, #003B16, #001B47, #070000)
• Lowlit Mulberry Orchard color palette (#F7DFE0, #7F006B, #4D2400, #002117, #03000A)
• Rust Delta color palette (#EED6E4, #B04A57, #772B00, #311A00, #050400)
• Tempered Plum Coast color palette (#FFE6E1, #CB0062, #664A00, #2E1E76, #050004)
• Scarlet Cabin color palette (#FEDFD2, #D063B9, #DB3400, #685000, #070200)
• Pale Loft color palette (#EDDECB, #825900, #005A2D, #00326C, #1B0002)
• Timeworn Garnet Terrace color palette (#EEE0DD, #AEA29B, #998167, #830030, #150402)

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