Cocoa Station color palette — #FAF7D5 · #BCBE97 · #42979A · #7B4000 · #202C07
Bronze and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FAF7D5): A whisper-light, dusty green — the color of new leaves after rain.
- Stone (#BCBE97): A luminous, dusty green — the color of fresh herbs.
- Cerulean (#42979A): A luminous, balanced teal — the color of shallow lagoons.
- Bronze (#7B4000): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Forest (#202C07): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, 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
- Softworn Alley color palette (#FFF3E6, #C6B797, #599570, #784244, #3E2300)
- Muted Fern color palette (#EDF4C1, #87C7B5, #679786, #5B5416, #2A2E00)
- Dusty Chestnut Harbor color palette (#DFFBFF, #91D8E2, #5BA3C4, #6E5600, #003622)
- Antique Teal Dune color palette (#EAF1E0, #64B098, #557CA0, #514900, #181F00)
- Bronze Parlor color palette (#FCF6D5, #CED9BD, #85AD9E, #866A22, #393730)
- Cerulean Coast color palette (#D7E3D2, #539CAB, #426280, #55332D, #381205)
- Dusty Workshop color palette (#DBEFD5, #47A599, #0F6A95, #3E3200, #000E04)
- Fern Market color palette (#E6FCE9, #F3DCD8, #E5BFC8, #939379, #575400)
Browse the whole catalog at Explore, or see today's palette.