Cocoa Cabin color palette — #CBEDDE · #8DB0AE · #4D7E90 · #754A52 · #593734

Coffee and Slate set the tone — five colors that lean into sophistication.

The five colors

• Honeydew (#CBEDDE): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#8DB0AE): A luminous, dusty teal — the color of glacier melt.
• Slate (#4D7E90): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Coffee (#754A52): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#593734): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Hushed Pewter Villa color palette (#FEE0ED, #8BB09D, #588466, #66476C, #543241)
• Worn Station color palette (#E0FDF4, #94C1C5, #6D8999, #87564D, #415442)
• Antique Lichen color palette (#D2F0C6, #B9D4AE, #91B6A3, #9B786C, #593E35)
• Hushed Cocoa color palette (#D7F2DA, #48AFA3, #2D739B, #832D00, #513E00)
• Worn Station color palette (#D4E7EA, #92BCC8, #3C98AE, #5E638E, #44465C)
• Softworn Chestnut Station color palette (#AFF4E8, #87BBD1, #6C73A3, #765000, #355216)
• Fern Field color palette (#DDEDF4, #7B9ABA, #685A86, #504909, #0A433D)
• Patina Cypress Orchard color palette (#E7FAF2, #87A481, #007556, #4D4F03, #023F39)

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