Weathered Cocoa Loft color palette — #FCE6DA · #9E935D · #377756 · #5D3A52 · #582100
A conversation between Espresso and Teal, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#FCE6DA): A whisper-light, dusty gold — the color of old brass.
- Moss (#9E935D): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#377756): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#5D3A52): A deep, shadowed, dusty pink — the color of peonies in June.
- Espresso (#582100): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Weathered Cocoa Loft 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
- Timeworn Corridor color palette (#F5D9D5, #B09075, #5F7626, #4B3A64, #472835)
- Timeworn Lagoon color palette (#F0E2CF, #85A57B, #007685, #723519, #522723)
- Wandering Pier color palette (#F0DED2, #848C42, #00645B, #5D1F39, #430E26)
- Ancient Drift color palette (#F4F0E1, #99AC5D, #57926D, #6F5568, #4F313C)
- Worn Lagoon color palette (#E8E5D4, #559E6F, #00625D, #572D47, #252D09)
- Softworn Taupe color palette (#F3E8C6, #909C66, #3B6C51, #313B5D, #1B1A35)
- Wandering Cocoa color palette (#FFEFD9, #BEBD92, #548F8D, #815B56, #74400B)
- Cypress Canyon color palette (#F3ECDA, #297957, #00485E, #2D1800, #0E0B00)
Browse the whole catalog at Explore, or see today's palette.