Cocoa Cabin color palette — #E4FAFF · #99BDD1 · #758CA7 · #765D7B · #6D4348

Cocoa and Graphite set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#E4FAFF): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#99BDD1): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#758CA7): A luminous, dusty blue — the color of deep harbor water.
• Graphite (#765D7B): A full-bodied, dusty pink — the color of neon signs at night.
• Cocoa (#6D4348): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Cocoa Cabin 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

• Ancient Chestnut Parlor color palette (#EAF7FF, #A5B6CA, #757FA2, #845541, #3F5641)
• Dusty Ridge color palette (#D1E0F6, #909CC3, #815A8B, #5D4110, #363600)
• Soft Amber color palette (#EDF7FF, #6CA7CD, #BE7541, #006D9E, #64340E)
• Timeworn Orchard color palette (#CCEBF1, #68A1CC, #6467AD, #8D1000, #563000)
• Wandering Cerulean Harbor color palette (#F1F7F2, #C7E0F3, #5A8EC2, #006F7C, #364864)
• Softworn Bronze Terrace color palette (#F9F7D7, #B7C9B3, #7CA399, #9A7032, #6C4700)
• Antique Basin color palette (#CDF1FF, #65B9CE, #0085B6, #00619C, #2F4C70)
• Worn Corridor color palette (#E1FFDC, #B5E4CB, #C5ABC5, #B48F86, #773E14)

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