Cocoa Pier color palette — #FFF2EA · #ECD5BA · #DEA791 · #AF877E · #5A4400
Built around Deep Olive, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Wheat (#ECD5BA): A whisper-light, dusty gold — the color of honey in a jar.
- Rosewood Mist (#DEA791): A luminous, dusty orange — the color of sun-warmed clay.
- Caramel (#AF877E): A luminous, dusty orange — the color of toasted spice.
- Deep Olive (#5A4400): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Washed Apricot Archive color palette (#FFF2EB, #EBCAA7, #E69579, #AF7581, #403D36)
- Muted Chapel color palette (#FCF4E5, #DAC174, #E39EC2, #AD9859, #403D36)
- Tempered Amber Archive color palette (#F0E7D6, #BEC795, #BC993D, #9E6D4D, #30312A)
- Washed Canyon color palette (#FDECF6, #D3B0BC, #9D758C, #694D68, #203125)
- Patina Lilac color palette (#F0F8ED, #79CBBB, #A69EE2, #AE815A, #2D3629)
- Sunlit Orchard color palette (#F8D7B9, #DBB33C, #D77A00, #AF4E47, #262D00)
- Garnet Veranda color palette (#F4E0D0, #9B7C38, #914900, #74141F, #050300)
- Antique Workshop color palette (#EFE4CA, #89AD56, #8E7D00, #814C00, #131900)
Browse the whole catalog at Explore, or see today's palette.