Cocoa Cabin color palette — #F1E9EC · #9BA99C · #708F79 · #633A00 · #140409

Bronze and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F1E9EC): bright and airy, almost weightless.
• Taupe (#9BA99C): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#708F79): A luminous, dusty teal — the color of sea glass.
• Bronze (#633A00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#140409): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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 Chestnut color palette (#E7DFD8, #A1A291, #81916F, #944F00, #120600)
• Onyx Meadow color palette (#F2E6EB, #909E94, #57796D, #432100, #12040A)
• Garnet Dune color palette (#E5DFE3, #AF9FA8, #9B7C8A, #7F1900, #13030F)
• Ancient Basalt Drift color palette (#E6DCD2, #C8B8A2, #9F9075, #563200, #020100)
• Softworn Thicket color palette (#E1EAE8, #A1BAB7, #70A09E, #366000, #011814)
• Fern Studio color palette (#D2EAE1, #687D4D, #1E5300, #3B2700, #030700)
• Lagoon Cabin color palette (#DDE6DB, #528868, #1E5B4C, #00314A, #00102F)
• Soft Canyon color palette (#DAEADE, #C27F00, #987800, #5B5E00, #050400)

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