Cocoa Cabin color palette — #D4F0EE · #9AB9B7 · #6B9294 · #7B4642 · #103A28

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

The five colors

• Honeydew (#D4F0EE): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#9AB9B7): A luminous, dusty teal — the color of glacier melt.
• Storm Blue (#6B9294): A luminous, dusty blue — the color of a favorite pair of jeans.
• Coffee (#7B4642): A full-bodied, dusty orange — the color of toasted spice.
• Deep Forest (#103A28): A deep, shadowed, dusty teal — the color of sea glass.

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

• Wandering Cerulean color palette (#DDFAE8, #9DB9B7, #608DA4, #71505C, #472E38)
• Weathered Cypress Atelier color palette (#D1F2F1, #97BCBC, #6F8796, #476952, #0B3E3A)
• Petrol Canyon color palette (#D7E5CF, #70A082, #0074A0, #574100, #132B00)
• Basalt Chapel color palette (#CFF5FA, #5A9FAE, #4F5E82, #2A4200, #00241C)
• Worn Villa color palette (#CEE3EB, #6779AF, #7A3E6D, #033610, #001804)
• Wandering Bronze Thicket color palette (#F8F0D6, #C2D1AE, #7AA997, #916A29, #6C4900)
• Weathered Quarry color palette (#EBFBE5, #B7E5E1, #8FC2B3, #96716A, #7D431D)
• Tempered Bronze Garden color palette (#E8F3FF, #5893C6, #B66840, #A54F1F, #052036)

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