Cocoa Cabin color palette — #EFE6FF · #A37378 · #6B3F48 · #252F07 · #001509

Cocoa and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#EFE6FF): A whisper-light, dusty violet — the color of a velvet chair.
• Mocha (#A37378): A luminous, dusty red — the color of embers at dusk.
• Cocoa (#6B3F48): A full-bodied, dusty red — the color of late-summer berries.
• Deep Forest (#252F07): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001509): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Driftwood Orchard color palette (#FADBEA, #AB6667, #794A23, #003B2F, #00181B)
• Tempered Pewter Market color palette (#D9E1F7, #7C69A5, #69425D, #342900, #0B1500)
• Ancient Orchard color palette (#F3E3F2, #915870, #6A241D, #00290A, #000E0B)
• Wandering Chestnut color palette (#F9DAD7, #AC8B72, #745D30, #2F4A32, #00281C)
• Aged Coast color palette (#CFE1FF, #C192A0, #996964, #134D3D, #001911)
• Cocoa Loft color palette (#D7EDF4, #7A84B0, #6E4260, #004045, #0E2539)
• Fern Alley color palette (#EBE3F8, #AF7EA3, #9A5F66, #415200, #00301A)
• Hushed Bronze Workshop color palette (#FFE0E8, #D4A7A9, #B26D54, #595907, #303D24)

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