Cocoa Cabin color palette — #FFECDB · #BBB399 · #549887 · #7B5C55 · #704001
Built around Bronze, softened by Fern — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#FFECDB): A whisper-light, dusty gold — the color of old brass.
- Stone (#BBB399): A luminous, dusty green — the color of new leaves after rain.
- Fern (#549887): A luminous, dusty teal — the color of shallow lagoons.
- Pewter (#7B5C55): A full-bodied, dusty orange — the color of sun-warmed clay.
- Bronze (#704001): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged vintage, retro, 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
- Softworn Bronze color palette (#FFF4E1, #C8CCAD, #829987, #965C33, #784015)
- Ancient Station color palette (#FBF4ED, #B5B281, #597F4F, #7C4E10, #524000)
- Chestnut Terrace color palette (#E2ECC3, #90AF94, #5E6FA5, #784C09, #494100)
- Softworn Cocoa Archive color palette (#F4DBC4, #92B05C, #00867F, #812E06, #4F3100)
- Aged Lichen Boulevard color palette (#E8F0C3, #86BBB5, #64868D, #555873, #392F47)
- Worn Thicket color palette (#EFEEDA, #42A4A3, #4E6E9E, #49433E, #302E28)
- Dusty Stone color palette (#DCF8E2, #B3E1D6, #8EBFCB, #9E8FA7, #584561)
- Pale Hollow color palette (#F2F8EA, #5FB486, #CA618C, #00794B, #5C3443)
Browse the whole catalog at Explore, or see today's palette.