Weathered Cocoa Cabin color palette — #F5D7E1 · #AC9662 · #835B30 · #612D1B · #011E13
A conversation between Cocoa and Coffee, giving this palette its sense of optimism and sophistication.
The five colors
- Shell Pink (#F5D7E1): A whisper-light, dusty rose — the color of strawberry cream.
- Caramel (#AC9662): A luminous, dusty gold — the color of old brass.
- Coffee (#835B30): A full-bodied, dusty gold — the color of old brass.
- Cocoa (#612D1B): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#011E13): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Weathered 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
- Patina Terrace color palette (#FBDFE8, #AD926A, #845926, #673500, #163920)
- Aged Station color palette (#D4EED8, #8F893E, #6E4F00, #4D2500, #091100)
- Weathered Terracotta color palette (#E9DAE3, #BA7E48, #9C3300, #6A0021, #1A1000)
- Worn Amber Studio color palette (#FCE4D9, #C59445, #716700, #2B4400, #001E11)
- Driftwood Delta color palette (#FFF3E6, #E0C297, #A88257, #744F30, #2D1E03)
- Muted Taupe Ridge color palette (#F1E5ED, #B0A153, #6F3122, #380901, #0D0109)
- Tempered Delta color palette (#E7F7EB, #89B7A3, #5A7F64, #674322, #062923)
- Dusty Pine color palette (#FBEDF5, #D38C6F, #1B7922, #8F3300, #000907)
Browse the whole catalog at Explore, or see today's palette.