Cocoa Hollow color palette — #F2D6E5 · #AE857F · #8A5352 · #5D4400 · #243C17
Built around Bronze, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#F2D6E5): A whisper-light, dusty pink — the color of neon signs at night.
- Caramel (#AE857F): A luminous, dusty orange — the color of autumn markets.
- Coffee (#8A5352): A full-bodied, dusty orange — the color of autumn markets.
- Bronze (#5D4400): A full-bodied, balanced gold — the color of old brass.
- Forest (#243C17): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cocoa Hollow 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
- Fern Cabin color palette (#FEE9E4, #B3876E, #8F612B, #335114, #193E23)
- Patina Driftwood Courtyard color palette (#F3E4ED, #A778A5, #885459, #2F4426, #00211F)
- Aged Taupe color palette (#EADBE9, #DCA3C3, #BF7E8C, #936E44, #433307)
- Weathered Spruce color palette (#FFE0D5, #8A664A, #674600, #0A3901, #002213)
- Patina Ash Quarry color palette (#F6D6E5, #9F86B4, #835B7E, #6B3A2F, #4E290D)
- Weathered Study color palette (#FFF2EA, #CCBBA9, #A0927D, #6A7530, #4C5643)
- Driftwood Dune color palette (#DBE6FF, #B899BF, #B36F72, #2D695F, #11444F)
- Weathered Forest Meadow color palette (#E2E7D7, #629983, #006353, #00445E, #003223)
Browse the whole catalog at Explore, or see today's palette.