Cocoa Station color palette — #F9F1DF · #AFAD90 · #80763C · #6B4110 · #20260F

Bronze takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9F1DF): A whisper-light, dusty gold — the color of old brass.
• Sage (#AFAD90): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#80763C): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#6B4110): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#20260F): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Chestnut color palette (#FBF0E5, #C9B99D, #9E7A5C, #7B4842, #302C17)
• Washed Chestnut Coast color palette (#FBF5E4, #A5AC7C, #7E7331, #6D4A00, #433F00)
• Patina Field color palette (#E6E0D0, #87A276, #6D671A, #573600, #121C00)
• Hazy Garnet Cabin color palette (#F7D8C1, #B48421, #8F4200, #6A001C, #141300)
• Moonless Bloom color palette (#EEE0D1, #5C5311, #3C2400, #200400, #010100)
• Antique Cocoa Alley color palette (#FCEADF, #8C6B3B, #702C00, #470015, #060500)
• Tempered Cocoa color palette (#FCECF9, #6B84C0, #82679C, #7A4200, #251222)
• Softworn Denim color palette (#E7F6EF, #DEA0A4, #1E5C78, #002C3D, #001109)

Browse the whole catalog at Explore, or see today's palette.