Cocoa Station color palette — #D6FEFF · #9ABAC5 · #718194 · #7A5C6A · #654444

Cocoa takes the lead with Graphite close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#D6FEFF): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#9ABAC5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Storm Blue (#718194): A full-bodied, dusty blue — the color of open sky before noon.
• Graphite (#7A5C6A): A full-bodied, dusty rose — the color of a warm blush.
• Cocoa (#654444): A full-bodied, dusty red — the color of embers at dusk.

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

• Antique Harbor color palette (#DEF9EE, #C7AEC8, #967B8E, #77546F, #492522)
• Wandering Field color palette (#CFFAFF, #91B8CF, #6F819D, #526852, #285449)
• Softworn Study color palette (#ECF7FF, #BBCEE4, #8E9CB7, #916688, #574960)
• Hushed Loft color palette (#DBEEE9, #59A3B9, #5F669A, #654C10, #393E05)
• Wandering Cocoa Basin color palette (#F2F9E1, #C6DCC5, #8FBFB1, #A48F7D, #6D4300)
• Muted Driftwood Cabin color palette (#D2E6FB, #8B7BB0, #72495E, #23431E, #002D22)
• Cerulean Dune color palette (#B4F6ED, #4BBCCD, #008BAA, #226193, #4A416B)
• Petrol Pier color palette (#ECF7FF, #5CA9D4, #BC7558, #066E99, #613523)

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