Cocoa Cabin color palette — #FFE9DE · #D5D8E9 · #B8BAAF · #683400 · #251F1B

Bronze takes the lead with Rose Water close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Rose Water (#FFE9DE): A whisper-light, dusty orange — the color of toasted spice.
• Silver (#D5D8E9): A whisper-light, dusty violet — the color of twilight just after sunset.
• Stone (#B8BAAF): a calm mid-gray that lets other colors speak.
• Bronze (#683400): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#251F1B): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Tempered Basalt Garden color palette (#FFE8E7, #D1D1DF, #A79CA0, #5A4842, #2A2421)
• Ancient Cabin color palette (#F2EAFF, #DEE910, #D5D2C7, #4B3E00, #18150B)
• Hushed Cocoa color palette (#F9F5E8, #DEDDCB, #89895C, #554400, #1E1B11)
• Ancient Mustard Delta color palette (#FFE5E3, #7EE3B9, #DBB92E, #36322C, #1F1A0F)
• Hushed Sand Quarry color palette (#FFF2F0, #D8DFFF, #FFC286, #342F2A, #140800)
• Muted Harbor color palette (#FAF5E4, #C5CB69, #AAA8DB, #9C748B, #33322B)
• Muted Mustard Study color palette (#FBF4EA, #D7B367, #7689C8, #936355, #2C2315)
• Aged Mustard color palette (#F1DBFF, #8EDDFF, #F5AF22, #264C44, #29332A)

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