Cocoa Pier color palette — #F0E5EC · #B59EA5 · #918759 · #772704 · #0F060C
Built around Rust, softened by Mocha — the whole palette hums with nature and growth.
The five colors
- Blush (#F0E5EC): a clean, paper-quiet neutral.
- Taupe (#B59EA5): A luminous, dusty rose — the color of pressed rose petals.
- Mocha (#918759): A luminous, dusty green — the color of a quiet forest floor.
- Rust (#772704): A deep, shadowed, balanced orange — the color of autumn markets.
- Ink (#0F060C): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Worn Garnet Bloom color palette (#E8E3E8, #B09FAA, #A17987, #7D1536, #0D060F)
- Cocoa Veranda color palette (#E9DDD6, #C5B8AC, #A18F73, #652500, #030100)
- Cocoa Meadow color palette (#DFE5DF, #98A9A0, #659086, #603D00, #030C03)
- Wandering Terrace color palette (#F5EAE4, #A3A28E, #818E71, #A73A14, #150500)
- Muted Bronze Cabin color palette (#E7DFD9, #A99684, #93662A, #471D00, #130600)
- Tempered Coast color palette (#E8EDE9, #B6CAC1, #81AFA9, #7B5A00, #17221A)
- Wandering Basin color palette (#EFDCD4, #96701D, #48611D, #2F2653, #140A2F)
- Powdered Corridor color palette (#D7EDDD, #6C7E17, #005514, #491432, #050700)
Browse the whole catalog at Explore, or see today's palette.