Cocoa Cabin color palette — #F7E9F1 · #B098A2 · #976F7C · #5B2300 · #0B0106
Built around Espresso, softened by Mocha — the whole palette hums with optimism and sophistication.
The five colors
- Blush (#F7E9F1): a clean, paper-quiet neutral.
- Taupe (#B098A2): A luminous, dusty rose — the color of pressed rose petals.
- Mocha (#976F7C): A full-bodied, dusty rose — the color of strawberry cream.
- Espresso (#5B2300): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#0B0106): A deep, shadowed, dusty pink — the color of peonies in June.
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 Villa color palette (#E9DDE1, #96A497, #8C794F, #502C00, #0B0105)
- Onyx Coast color palette (#EBF1EC, #809385, #4E7561, #392600, #000200)
- Cocoa Canyon color palette (#F1E8E2, #C1B1A3, #AC9070, #803D16, #1E1006)
- Patina Fern Lagoon color palette (#D5E1DD, #A0BAB4, #6A9892, #3A4B00, #020E0A)
- Ember Terrace color palette (#F4D9E3, #EA5C00, #A35F00, #5B4400, #020100)
- Hushed Summit color palette (#EDF4F0, #CCD9DA, #A3BEB8, #666922, #18231F)
- Worn Cabin color palette (#F7EFF2, #CCD6D7, #B9BBC6, #9B7C5B, #3B3436)
- Washed Bronze color palette (#F6EAD4, #7F7100, #434B00, #002823, #000B0B)
Browse the whole catalog at Explore, or see today's palette.