Cocoa Coast color palette — #F5EBF0 · #BFAEB3 · #7B9582 · #6D2F00 · #14050D
A conversation between Rust and Eucalyptus, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#F5EBF0): a clean, paper-quiet neutral.
- Ash (#BFAEB3): A luminous, dusty rose — the color of pressed rose petals.
- Eucalyptus (#7B9582): A luminous, dusty teal — the color of shallow lagoons.
- Rust (#6D2F00): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#14050D): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Cocoa Coast 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
- Hushed Cocoa color palette (#F0E7E3, #C6B6A1, #938F77, #6E2F15, #2A1B12)
- Dusty Garnet Veranda color palette (#F4ECF4, #BDAEB8, #A78191, #791B28, #100710)
- Basalt Drift color palette (#D7E1DB, #A7B8B1, #7B9772, #4F4300, #020E07)
- Worn Chestnut color palette (#EBF5ED, #C1DBCD, #86B8A8, #755500, #091F0F)
- Worn Harbor color palette (#FCF2F8, #CEE3DD, #B8C094, #9B3F1C, #13090F)
- Timeworn Spruce color palette (#D9E3DE, #7A948C, #437670, #2E2B00, #000201)
- Soft Forest color palette (#D0E9DB, #6F813C, #145200, #520800, #000B07)
- Aged Summit color palette (#F7EFF2, #CAD6D9, #AABFBE, #936C4A, #312A2D)
Browse the whole catalog at Explore, or see today's palette.