Cocoa Pier color palette — #FFF3E8 · #C1FFEC · #DDDDCA · #BD937F · #6D4400
Built around Bronze, softened by Honeydew — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Honeydew (#C1FFEC): A whisper-light, dusty teal — the color of glacier melt.
- Bone (#DDDDCA): A whisper-light, dusty green — the color of fresh herbs.
- Taupe (#BD937F): A luminous, dusty orange — the color of autumn markets.
- Bronze (#6D4400): A full-bodied, balanced gold — the color of honey in a jar.
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
- Taupe Studio color palette (#F8F6E2, #CBE6CE, #87D8E2, #A39558, #4A4B43)
- Worn Stone color palette (#FFF1F6, #C5E3E7, #9EB7CE, #CEA4BB, #604A52)
- Softworn Cocoa Loft color palette (#F9F5EC, #E5CEA0, #907B3E, #644800, #302B22)
- Moss Chapel color palette (#F3DDC4, #B79941, #698E00, #82330F, #110800)
- Chartreuse Thicket color palette (#FFF3E4, #FAF4AB, #ACE378, #CE753E, #4A4740)
- Muted Periwinkle color palette (#FCF5E5, #BBAC5F, #67A0D8, #8A6D9B, #403D36)
- Moss Coast color palette (#F7F5EF, #D8D49A, #59AF8A, #969037, #2C2F29)
- Wandering Mint Terrace color palette (#E5E6C9, #6AC994, #00A8A2, #646200, #012303)
Browse the whole catalog at Explore, or see today's palette.