Cocoa Hollow color palette — #F2E3C3 · #7DB076 · #007C8B · #7F3422 · #5C2A1E
A conversation between Rust and Jade, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F2E3C3): A whisper-light, dusty gold — the color of old brass.
- Jade (#7DB076): A luminous, balanced green — the color of new leaves after rain.
- Teal (#007C8B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Rust (#7F3422): A full-bodied, balanced orange — the color of toasted spice.
- Cocoa (#5C2A1E): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Trust, Stability, Balance. 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
- Gentle Delta color palette (#DFE5C8, #59AC87, #07729E, #654200, #393600)
- Ancient Archive color palette (#FADCC6, #9F9724, #00876D, #62385F, #4F2532)
- Washed Moss color palette (#F4EAD5, #6BA441, #006B50, #4F4200, #1A3600)
- Dusty Mint color palette (#DEF5DD, #00CEB6, #4699AB, #7E4E7D, #631C34)
- Softworn Teal color palette (#D8F6DE, #22A890, #247586, #59285B, #480722)
- Hushed Mint Studio color palette (#E9F0D4, #6CD5A4, #27ADC8, #AF6563, #692728)
- Worn Bronze Lagoon color palette (#FCF6DB, #C5D2B4, #749A89, #9F5F3F, #6C4A00)
- Terracotta Hollow color palette (#D1F9ED, #00846D, #A63E00, #7F3E00, #002C23)
Browse the whole catalog at Explore, or see today's palette.