Cocoa Pier color palette — #FFE3F2 · #97672D · #642700 · #2B0004 · #020100

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

The five colors

• Blush (#FFE3F2): A whisper-light, dusty pink — the color of peonies in June.
• Ochre (#97672D): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#642700): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#2B0004): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Twilit Rust color palette (#FDD7D6, #B85200, #583600, #161300, #010100)
• Shadow Delta color palette (#F4E5DB, #7F4C00, #4B1A00, #280005, #050300)
• Obsidian Olive Alley color palette (#D5ECD8, #7B7528, #4E3800, #200C00, #010100)
• Muted Chestnut Drift color palette (#D7ECD9, #A59C56, #7D5800, #4F2400, #030500)
• Muted Garnet Canyon color palette (#FFF1F6, #C9AE81, #A36632, #77281A, #00180C)
• Aged Canyon color palette (#E7DCE7, #C04F5C, #453C00, #560016, #000201)
• Midnight Cabin color palette (#EED9EB, #940016, #00491B, #001A2D, #050000)
• Tempered Chestnut Ridge color palette (#FFF1F5, #ABD3B7, #AA8152, #81462D, #222400)

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