Cocoa Coast color palette — #FFF0F7 · #BDD1C7 · #749A9C · #7E6676 · #654445
Built around Cocoa, softened by Eucalyptus — the whole palette hums with sophistication.
The five colors
- Ivory (#FFF0F7): bright and airy, almost weightless.
- Oat (#BDD1C7): A whisper-light, dusty teal — the color of shallow lagoons.
- Eucalyptus (#749A9C): A luminous, dusty blue — the color of a favorite pair of jeans.
- Pewter (#7E6676): A full-bodied, dusty pink — the color of peonies in June.
- Cocoa (#654445): A full-bodied, dusty red — the color of late-summer berries.
Feels like: Sophistication. Tagged vintage, retro, muted.
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
- Washed Archive color palette (#E2FCF0, #AFCCCA, #7B929B, #61765F, #325757)
- Aged Bone Cabin color palette (#FFF4E1, #DBE0BE, #B1C7B9, #B49691, #5E4D4B)
- Garnet Workshop color palette (#CAF0E0, #78A895, #467868, #7A2B21, #3B3A06)
- Chestnut Market color palette (#C8EBD3, #84B6B7, #567B8D, #69542C, #524219)
- Weathered Driftwood Workshop color palette (#E5F9FE, #50A9A1, #BB7179, #9D5E43, #2C474D)
- Softworn Forest color palette (#D7E6D7, #53A99F, #3C6CAA, #505500, #054F12)
- Timeworn Cypress color palette (#E9F9FB, #7CBFB3, #CB7F91, #008577, #5A4460)
- Timeworn Lagoon Boulevard color palette (#E9E9DC, #508F70, #2A607A, #493000, #132A0A)
Browse the whole catalog at Explore, or see today's palette.