Cocoa Cabin color palette — #FCD2E8 · #B79ED3 · #996B72 · #804038 · #4F260C

Coffee and Mauve set the tone — five colors that lean into optimism and creativity.

The five colors

• Shell Pink (#FCD2E8): A whisper-light, dusty rose — the color of a warm blush.
• Mauve (#B79ED3): A luminous, dusty violet — the color of twilight just after sunset.
• Mocha (#996B72): A full-bodied, dusty red — the color of a theater curtain.
• Coffee (#804038): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#4F260C): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged vintage, retro, muted, warm.

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

• Muted Basin color palette (#FFDDEC, #BC8D9A, #916B6F, #783D19, #38220D)
• Worn Chestnut color palette (#FFDDE5, #D5ADB0, #9D817F, #7C4A13, #3E3933)
• Garnet Dune color palette (#CFE4FF, #A4B2DA, #7D75A3, #724355, #561923)
• Worn Pewter color palette (#DEDFF1, #8F82B1, #7B5886, #603130, #380D00)
• Cocoa Bloom color palette (#F2DBDF, #794748, #4F291B, #191700, #030600)
• Softworn Dune color palette (#E7F9FF, #DAD7F5, #B492C1, #777D42, #314F28)
• Dusty Grape Lantern color palette (#FFECF3, #AA7FE6, #D1572F, #722FB4, #3E0D00)
• Antique Chestnut Archive color palette (#D4FFFD, #8CB8D3, #7570A3, #6D5800, #275C34)

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