Cocoa Pier color palette — #EFF1FF · #9680BF · #8D4C6D · #6C2910 · #001F3D

Built around Rust, softened by Raspberry — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF1FF): a clean, paper-quiet neutral.
• Slate Blue (#9680BF): A luminous, balanced violet — the color of a velvet chair.
• Raspberry (#8D4C6D): A full-bodied, balanced rose — the color of pressed rose petals.
• Rust (#6C2910): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Midnight (#001F3D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Balance. Tagged 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

• Ash Meadow color palette (#F2F0FC, #B68ABA, #976065, #69421A, #1A2642)
• Antique Lilac Harbor color palette (#F0F0FF, #9E7CC0, #8C4E64, #004A54, #081B45)
• Dusty Summit color palette (#E6F4FF, #4E96C1, #645A98, #652550, #002425)
• Ancient Coast color palette (#F3ECFF, #A23D8C, #801C12, #002A46, #100027)
• Aged Basalt color palette (#EAEDFF, #B8B6D9, #8E889E, #6D5867, #4A2A3A)
• Wandering Pewter Parlor color palette (#F1E7FF, #BE95DA, #8F5BA0, #6D376D, #44223F)
• Moonless Lantern color palette (#D8DDF2, #7767B2, #2E2E47, #121523, #04060C)
• Worn Grove color palette (#EDF1FF, #DCD2F0, #B8AFFF, #A373C1, #1D213C)

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