Cocoa Coast color palette — #FBF4EE · #EADCC2 · #BEB691 · #AD8FA9 · #644700
A conversation between Bronze and Stone, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF4EE): a clean, paper-quiet neutral.
- Bone (#EADCC2): A whisper-light, dusty gold — the color of honey in a jar.
- Stone (#BEB691): A luminous, dusty green — the color of fresh herbs.
- Dusty Rose (#AD8FA9): A luminous, dusty pink — the color of peonies in June.
- Bronze (#644700): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, 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
- Worn Fern Drift color palette (#F9F4ED, #E4DEC5, #9DC199, #8AA286, #5A4D00)
- Antique Cabin color palette (#F6F6E9, #CEDBB3, #70BCB1, #A782A2, #3A4900)
- Worn Courtyard color palette (#FEF1F5, #E3C8F9, #CCCB89, #BE93DF, #4F4D46)
- Patina Powder color palette (#FFF1F5, #E4D8D3, #ACB7E8, #9BB9AE, #61474C)
- Muted Taupe color palette (#F0F7F3, #BED8CD, #92A375, #5B868C, #3E524A)
- Stone Field color palette (#FBEEF2, #A4CFB3, #5E8E7F, #566276, #27352C)
- Pale Emerald Hollow color palette (#EAE4D7, #B2C18C, #57A562, #7A66B0, #252D04)
- Patina Market color palette (#FFF1F5, #FAD1E7, #D1ACE2, #AB76B6, #492E50)
Browse the whole catalog at Explore, or see today's palette.