Cocoa Coast color palette — #F6EFF5 · #879CC7 · #965E76 · #644600 · #1F2C0C
Bronze and Pewter set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F6EFF5): a clean, paper-quiet neutral.
- Blue Fog (#879CC7): A luminous, dusty violet — the color of wild irises.
- Pewter (#965E76): A full-bodied, dusty rose — the color of pressed rose petals.
- Bronze (#644600): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#1F2C0C): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Aged Fern Delta color palette (#FAEEF1, #AA91BA, #976350, #3C5519, #002D37)
- Aged Rust color palette (#EAF8FF, #43A7BB, #A75545, #3B5E34, #244A45)
- Ancient Terracotta color palette (#F8E9ED, #8D6AAA, #893824, #2D3900, #00181C)
- Ancient Pewter Corridor color palette (#FFE4F6, #B2ACDA, #977CBC, #7B4B85, #49272C)
- Antique Chestnut color palette (#FBEDFA, #CCB9C2, #B28F94, #7F5C15, #4B4400)
- Driftwood Hollow color palette (#F0F6FE, #93B1ED, #BD7288, #75692C, #1A4955)
- Muted Cobalt Courtyard color palette (#F4EAF1, #757CBD, #49353C, #261A22, #100A10)
- Patina Petrol Study color palette (#F5F1EB, #C7E3E8, #849CCC, #2A758E, #472C3E)
Browse the whole catalog at Explore, or see today's palette.