Cocoa Pier color palette — #F7E0ED · #AF693D · #893400 · #5C0F00 · #150700

Rust and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#F7E0ED): A whisper-light, dusty pink — the color of peonies in June.
• Ochre (#AF693D): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#893400): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#5C0F00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#150700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

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

• Airy Basin color palette (#F1E0D5, #C36C2C, #803200, #420A00, #030100)
• Bronze Lantern color palette (#FAEBF4, #955500, #621F00, #3C000D, #110A00)
• Dusty Parlor color palette (#D9E6DA, #9C771A, #6F4A00, #472800, #100B00)
• Faded Bronze color palette (#FDCFE4, #D1965F, #B45C00, #883500, #3B2300)
• Hushed Bronze Coast color palette (#D6F5E2, #A3A26E, #837100, #604A00, #232700)
• Dusty Bronze color palette (#DFF5E4, #C6B56C, #A68100, #7F5800, #3B3703)
• Crimson Summit color palette (#E6E1F0, #A48600, #E90033, #210002, #050005)
• Softworn Market color palette (#FFF1F6, #ADC6AA, #AF8662, #8C5C3E, #2B442E)

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