Weathered Cocoa Pier color palette — #EDFAE7 · #C4E5E1 · #A2C7BC · #A08A85 · #7A3F1A
Bronze takes the lead with Stone close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Ivory (#EDFAE7): A whisper-light, dusty green — the color of a quiet forest floor.
- Silver (#C4E5E1): A whisper-light, dusty teal — the color of sea glass.
- Stone (#A2C7BC): A luminous, dusty teal — the color of sea glass.
- Heather (#A08A85): A luminous, dusty orange — the color of autumn markets.
- Bronze (#7A3F1A): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Weathered 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 Chestnut Lagoon color palette (#DFFEEF, #F4DEDA, #D6B6C5, #9C8A7C, #6D4A00)
- Softworn Cocoa Archive color palette (#E4FAFF, #9CC7EC, #888ABE, #794034, #3A2306)
- Basalt Hollow color palette (#E8F8FF, #B5CFDE, #8196A9, #6E6E80, #5D485D)
- Muted Driftwood color palette (#F4F7EC, #BAE1DF, #75BEB6, #818D48, #35500E)
- Rust Garden color palette (#DCFCFF, #B3E3FF, #94A6D8, #A05453, #653918)
- Pewter Workshop color palette (#CCF4E6, #8FA6DC, #746298, #693C10, #1E1600)
- Hushed Dune color palette (#EBF9F3, #CDDFFE, #FFBA91, #4AA6CE, #4B4540)
- Wandering Mallow color palette (#E6FBF3, #92D5FF, #F999BC, #9EA96C, #293D36)
Browse the whole catalog at Explore, or see today's palette.