Cocoa Pier color palette — #FFF1F3 · #DDA3BC · #B47076 · #864F3E · #724401
A conversation between Bronze and Mocha, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Ballet Pink (#DDA3BC): A luminous, dusty rose — the color of strawberry cream.
- Mocha (#B47076): A luminous, balanced red — the color of late-summer berries.
- Coffee (#864F3E): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#724401): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, 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
- Aged Summit color palette (#FFF1F1, #ECA6A0, #B67755, #856037, #514E47)
- Cocoa Market color palette (#FFF2EB, #F5C0B1, #AC7069, #743C2F, #5A2800)
- Wandering Chapel color palette (#FFE9F8, #C4B2E7, #A072A4, #824C67, #564D4A)
- Tempered Canyon color palette (#FFF2EE, #D79F9F, #56A7AD, #A5585B, #36563C)
- Weathered Station color palette (#FFF2EF, #E0DDCE, #A2CFB8, #9F797E, #773B1B)
- Worn Bronze color palette (#FFE3E9, #E28166, #A55300, #624400, #234017)
- Dusty Rose color palette (#FBD4E1, #DD5D67, #8A3C00, #563300, #332C00)
- Weathered Grove color palette (#FFF2EC, #C88378, #4398A0, #37789B, #48413D)
Browse the whole catalog at Explore, or see today's palette.