Cocoa Station color palette — #C8E9D6 · #72ABB3 · #866884 · #6D3901 · #3E1C05

Bronze and Espresso set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#C8E9D6): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#72ABB3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#866884): A full-bodied, dusty pink — the color of peonies in June.
• Bronze (#6D3901): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3E1C05): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, 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

• Weathered Cocoa color palette (#E6E3CA, #97A689, #5C7B6C, #72341B, #3C2014)
• Indigo Ridge color palette (#C4E9EE, #719FD1, #725DA6, #4E4000, #2E2500)
• Washed Mulberry Field color palette (#C0EFDD, #B9A1BC, #87687F, #6C3F63, #592F2B)
• Chestnut Cabin color palette (#E0F2D7, #9BC4AB, #9B7C96, #794E0A, #3C3932)
• Periwinkle Loft color palette (#DEEFFA, #9FA5E2, #97638C, #455E2D, #21320F)
• Basalt Archive color palette (#CDEBD5, #498E8F, #2D5073, #4F2500, #141100)
• Abyss Boulevard color palette (#D0E1EE, #AF8AA3, #7D5D7E, #214618, #002116)
• Glacier Grove color palette (#D8FEFF, #A8E3F5, #89A9C1, #696C89, #3D3757)

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