Cocoa Pier color palette — #FFF2F0 · #E1DCCF · #D0B3DA · #9CBEB8 · #783922

Built around Rust, softened by Lavender — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#E1DCCF): a clean, paper-quiet neutral.
• Lavender (#D0B3DA): A luminous, dusty pink — the color of neon signs at night.
• Ash (#9CBEB8): A luminous, dusty teal — the color of glacier melt.
• Rust (#783922): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Cocoa Summit color palette (#FFF3E6, #DBE5C8, #C5C3D1, #CB8E8E, #594300)
• Muted Harbor color palette (#D3FFFE, #FFE7E9, #D1CBD4, #55413B, #292220)
• Shell Villa color palette (#FFF2EF, #F6ABB9, #64BDCF, #A26E95, #3F2C28)
• Aged Coast color palette (#FEF0FF, #E9D7D8, #BEE4C9, #8B82A3, #584956)
• Timeworn Peony color palette (#FFF2EE, #E4FFBC, #E0DBCE, #CC76B9, #542D16)
• Wandering Delta color palette (#FEF3E7, #D9E3C0, #CDA775, #A76943, #454100)
• Terracotta Archive color palette (#FFE8CE, #C2D47E, #00BBA6, #A62824, #0B0A00)
• Teal Drift color palette (#FAF4ED, #DDB17A, #4CAC8B, #765C8D, #292015)

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