Cocoa Pier color palette — #DEDFFB · #966B73 · #79444A · #003A32 · #001421
A conversation between Coffee and Mocha, giving this palette its sense of sophistication.
The five colors
- Frost (#DEDFFB): A whisper-light, dusty violet — the color of a velvet chair.
- Mocha (#966B73): A full-bodied, dusty red — the color of late-summer berries.
- Coffee (#79444A): A full-bodied, dusty red — the color of a theater curtain.
- Deep Forest (#003A32): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001421): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Sophistication. Tagged vintage, retro, 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
- Dusty Thicket color palette (#FCE7F7, #A66F75, #764B27, #003548, #0F0831)
- Wandering Balcony color palette (#ECDDFA, #895A6E, #5D301B, #002C31, #000B23)
- Mulberry Atelier color palette (#CEEAF5, #8E6B85, #724176, #223200, #001510)
- Dusty Terracotta Market color palette (#FEE9F1, #A2717B, #893631, #483908, #1F2B06)
- Hushed Cabin color palette (#F3D6F7, #D29890, #90664F, #414300, #0C1800)
- Patina Balcony color palette (#E6DDFF, #BE7EA9, #AA5B48, #005A58, #003139)
- Dusty Cypress Alley color palette (#FBDCE7, #D5AFAE, #9D8271, #4A654E, #253D31)
- Hushed Navy Lantern color palette (#F1D7D8, #B68269, #6A5F1C, #273D74, #2D0E1E)
Browse the whole catalog at Explore, or see today's palette.