Cocoa Station color palette — #FFF2E9 · #E9D7C6 · #A8C8A5 · #D2A974 · #653900

Built around Bronze, softened by Camel — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Bone (#E9D7C6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#A8C8A5): A luminous, dusty green — the color of fresh herbs.
• Camel (#D2A974): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#653900): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Weathered Sand color palette (#FFF3E6, #E1DACD, #FBC992, #C6B272, #504B45)
• Ancient Canyon color palette (#FFF4E3, #DDD6C4, #AAA792, #75866F, #455548)
• Driftwood Chapel color palette (#FBF4E7, #D4C48D, #79C0BA, #A18B3B, #3E543B)
• Quiet Marigold Workshop color palette (#FFF3E6, #FFD2B8, #FFAD4A, #B49200, #4C3300)
• Antique Pier color palette (#F9F5E5, #F8E598, #C9D07B, #78B563, #3C3B34)
• Dusty Amber Workshop color palette (#FCEFE5, #CB8A5C, #794D0B, #542D00, #26201C)
• Washed Mustard Terrace color palette (#EBDFBB, #DDA600, #A7A200, #568400, #171800)
• Ember Alley color palette (#F3E6DB, #EE500B, #BA6800, #795A00, #040100)

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