Cocoa Cabin color palette — #EDF9E9 · #C9DFDB · #ABC6BE · #B9948E · #7A401B
Bronze and Taupe set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#EDF9E9): A whisper-light, dusty green — the color of a quiet forest floor.
- Silver (#C9DFDB): A whisper-light, dusty teal — the color of sea glass.
- Stone (#ABC6BE): A luminous, dusty teal — the color of shallow lagoons.
- Taupe (#B9948E): A luminous, dusty orange — the color of toasted spice.
- Bronze (#7A401B): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Softness, Clarity. 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
- Chestnut Hollow color palette (#E4FCF1, #EDD9EB, #DBB8C7, #AA9484, #6C4C00)
- Hushed Bronze Hollow color palette (#F7F7E1, #D6D5C2, #9DAE9C, #A96E44, #605200)
- Timeworn Rust Bloom color palette (#D9F9DF, #AADAC5, #9AABDA, #BA6662, #6E4525)
- Timeworn Bronze Hollow color palette (#D3E7DB, #93BDE4, #AF86A0, #A55B4D, #4D3100)
- Timeworn Courtyard color palette (#E1FCF4, #CEE2F0, #9FC2E0, #7A8F77, #4C574A)
- Powder Study color palette (#D6F9FF, #A6CCDC, #899BAD, #6A5D70, #4E3D49)
- Sky Hollow color palette (#EBF9F2, #ACDDF6, #EFBA96, #38B6EA, #713F04)
- Dusty Pewter Harbor color palette (#F0E2EF, #8E8CCB, #916098, #694700, #222300)
Browse the whole catalog at Explore, or see today's palette.