Cocoa Pier color palette — #F7F7DD · #B9C4A3 · #849684 · #836D73 · #7D411F
A conversation between Bronze and Pistachio, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#F7F7DD): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#B9C4A3): A luminous, dusty green — the color of new leaves after rain.
- Eucalyptus (#849684): A luminous, dusty green — the color of fresh herbs.
- Pewter (#836D73): A full-bodied, dusty rose — the color of a warm blush.
- Bronze (#7D411F): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, 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
- Tempered Summit color palette (#F9F2DB, #C0C8AC, #869C86, #77635F, #503A36)
- Cocoa Lantern color palette (#DEFFE1, #92BEA8, #8D778A, #705B54, #5C4600)
- Ancient Driftwood color palette (#FAF5E8, #BDC699, #85863D, #7E6117, #5A4D00)
- Muted Teal Canyon color palette (#EFF9EA, #64C4B0, #C18594, #3E8072, #63443F)
- Muted Cocoa color palette (#B6EFDB, #5BB0B6, #517F9B, #6F4C49, #6A2F0E)
- Timeworn Ash color palette (#F9F4ED, #C1EEF0, #749DC6, #577861, #5D4C5B)
- Muted Powder Pier color palette (#E2FBFB, #C4E3E8, #9FC5D3, #95A3BA, #464D5E)
- Ancient Meadow color palette (#E2EAD4, #10AEAC, #286A86, #623955, #512427)
Browse the whole catalog at Explore, or see today's palette.