Cocoa Station color palette — #E1FBFF · #D2DAFB · #9CA2D0 · #985E50 · #623C00

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

The five colors

• Ivory (#E1FBFF): A whisper-light, dusty blue — the color of open sky before noon.
• Powder Blue (#D2DAFB): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#9CA2D0): A luminous, dusty violet — the color of a velvet chair.
• Walnut (#985E50): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#623C00): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Cocoa Orchard color palette (#E0FBFF, #9EE5F2, #87AACA, #9F667A, #6C2C19)
• Wandering Study color palette (#F0F5FF, #D3CEFD, #B995BE, #916B00, #424601)
• Pewter Archive color palette (#D6E2ED, #98ACD2, #82609D, #573100, #231E00)
• Sky Quarry color palette (#B3EFFB, #7CB4E2, #757BB2, #615955, #50470F)
• Dusty Boulevard color palette (#DDF2FF, #A2BFE2, #8079B5, #814429, #362400)
• Ancient Hollow color palette (#E2ECFF, #9281B1, #7A4774, #453300, #060800)
• Feathered Periwinkle color palette (#C5FBF7, #7BDFE5, #91AEFF, #898A3B, #4F5023)
• Weathered Driftwood color palette (#F2F5FF, #DFD7E1, #CEB8C4, #729787, #2C534E)

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