Cocoa Station color palette — #F7F8D5 · #86C3B2 · #6B8B7C · #7A5D54 · #6D4300
Built around Bronze, softened by Mint Leaf — the whole palette hums with optimism and sophistication.
The five colors
- Custard (#F7F8D5): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#86C3B2): A luminous, dusty teal — the color of shallow lagoons.
- Eucalyptus (#6B8B7C): A luminous, dusty teal — the color of shallow lagoons.
- Pewter (#7A5D54): A full-bodied, dusty orange — the color of sun-warmed clay.
- Bronze (#6D4300): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cocoa Station 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
- Wandering Chestnut Veranda color palette (#F2E9D1, #B1B997, #6D887C, #7F441F, #532200)
- Hushed Chestnut Villa color palette (#F9F5E4, #97BB93, #48806C, #6A5902, #434700)
- Weathered Pier color palette (#ECFBE2, #B5D0BB, #9B8797, #945C2E, #675000)
- Timeworn Quarry color palette (#E0FEEC, #A3CFCB, #7CA0B3, #8B6D7E, #604655)
- Ancient Chestnut Corridor color palette (#CBF0D3, #7FB0A3, #7F6B96, #695400, #504000)
- Cobalt Ridge color palette (#CBE8D3, #43B2B5, #1A77B5, #6C3A1C, #423000)
- Cerulean Market color palette (#FCF3EF, #C8E5CA, #5495A9, #3E6D57, #2D5045)
- Ancient Turquoise Lantern color palette (#E9FBEB, #00B5BE, #C76B61, #00747A, #48403D)
Browse the whole catalog at Explore, or see today's palette.