Cocoa Station color palette — #FDECF5 · #AEC1B0 · #9B7689 · #7A474A · #1B3228

A conversation between Coffee and Heather, giving this palette its sense of sophistication and grounding.

The five colors

• Blush (#FDECF5): A whisper-light, dusty pink — the color of neon signs at night.
• Stone (#AEC1B0): A luminous, dusty green — the color of new leaves after rain.
• Heather (#9B7689): A luminous, dusty rose — the color of a warm blush.
• Coffee (#7A474A): A full-bodied, dusty red — the color of a theater curtain.
• Deep Forest (#1B3228): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: 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

• Washed Garnet color palette (#FEECF6, #9BB39B, #9E6549, #74363F, #062A1B)
• Wandering Pewter color palette (#EAF5EB, #A5C3B6, #6C8C71, #6F4B5F, #1A312D)
• Driftwood Coast color palette (#FEF1F7, #D3ABB9, #9E765E, #725169, #3E4C40)
• Basalt Ridge color palette (#F6EFF6, #A5CDC2, #735674, #4E2126, #181118)
• Hushed Cocoa color palette (#FFF2E9, #DDC7A9, #BC9179, #92695D, #574600)
• Worn Harbor color palette (#F5F0F5, #D6B7D8, #479471, #B04C5A, #031A1B)
• Fern Lantern color palette (#FFEAFF, #D8AEC2, #A38146, #4C6002, #00361C)
• Softworn Chestnut color palette (#D0E7D8, #919F73, #756322, #5E3100, #001D1C)

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