Wandering Cocoa Cabin color palette — #E1E0D0 · #88AF85 · #468884 · #7E414F · #563229

A conversation between Coffee and Sage, giving this palette its sense of nature and growth.

The five colors

• Bone (#E1E0D0): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#88AF85): A luminous, dusty green — the color of fresh herbs.
• Fern (#468884): A full-bodied, dusty teal — the color of glacier melt.
• Coffee (#7E414F): A full-bodied, balanced red — the color of a theater curtain.
• Cocoa (#563229): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Wandering 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

• Pale Pier color palette (#EBDEC2, #83A17A, #257F81, #7C2B49, #431C00)
• Patina Dune color palette (#F5DDCA, #B5A37B, #5D9265, #714F7B, #61263A)
• Washed Cabin color palette (#E0F1DF, #7BD0A7, #5DA99A, #598074, #523000)
• Terracotta Boulevard color palette (#E2F5D6, #7DBCAF, #0096C5, #A62F10, #4C3900)
• Cypress Delta color palette (#CEE6D6, #65A995, #007474, #304A67, #3E294F)
• Aged Pine color palette (#ECE3D4, #A2AB76, #3F8438, #6B5102, #282C00)
• Timeworn Meadow color palette (#F3FDB6, #8AD5A3, #429AA5, #5D4E6A, #342541)
• Chestnut Harbor color palette (#F5F7E3, #D1DFCD, #9CB7AB, #A07F6A, #684900)

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