Worn Cocoa Pier color palette — #FFE4F3 · #9C633B · #642600 · #280500 · #030100

A conversation between Rust and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FFE4F3): A whisper-light, dusty pink — the color of peonies in June.
• Ochre (#9C633B): A full-bodied, balanced gold — the color of old brass.
• Rust (#642600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#280500): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#030100): a grounded near-black with real depth.

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

Use it as a design system

One click turns Worn 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

• Shadow Workshop color palette (#F5E7DD, #854612, #4B1B00, #250400, #070200)
• Nocturne Bronze Delta color palette (#D7EEDB, #887014, #4D3800, #1C0F00, #010100)
• Cocoa Studio color palette (#F4D9E9, #BF6E3B, #822F00, #440600, #030100)
• Dusty Bronze Atelier color palette (#FFF1F5, #D4AB6E, #A26716, #6A3700, #1A1100)
• Chestnut Lagoon color palette (#D3EDDA, #A99B50, #755C00, #422D00, #040400)
• Amber Courtyard color palette (#FFF1F6, #F9C48F, #C47F48, #894E2D, #382300)
• Eclipse Fern Orchard color palette (#CDE8E1, #264C00, #4E0017, #101814, #0B0300)
• Navy Harbor color palette (#D0E4E4, #005C41, #003D6D, #231500, #000201)

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