Cocoa Cabin color palette — #FEF5D5 · #C4E5CA · #A5BBA9 · #A47A70 · #7F3F28

Bronze takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FEF5D5): A whisper-light, dusty green — the color of a quiet forest floor.
• Celadon Mist (#C4E5CA): A whisper-light, dusty teal — the color of sea glass.
• Ash (#A5BBA9): A luminous, dusty teal — the color of sea glass.
• Mocha (#A47A70): A luminous, dusty orange — the color of toasted spice.
• Bronze (#7F3F28): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Bronze Bloom color palette (#F2FAD9, #BCE5D9, #CBB0CE, #A26C3A, #614200)
• Patina Cerulean Ridge color palette (#DAF6E9, #89BEBB, #608FA2, #6D5B6F, #60404C)
• Timeworn Chestnut color palette (#E1F9D7, #7FC4DD, #7B8CBC, #795009, #3F2E00)
• Muted Bronze color palette (#FBF5E7, #BEEED0, #7BAB87, #8F722B, #393932)
• Seafoam Cabin color palette (#E2FFD7, #6EE4D0, #509BC3, #8A4D49, #51201E)
• Pewter Meadow color palette (#DAF5F5, #79A8C8, #6F6A9C, #574712, #191F00)
• Antique Garnet color palette (#E0E5CF, #6CA382, #006872, #5A111D, #1A0800)
• Coral Harbor color palette (#E7FCE7, #4AD2D1, #E78B9C, #CF7373, #1A321B)

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