Hushed Cocoa Villa color palette — #CFF9FF · #007867 · #6A3600 · #352F00 · #000701
A conversation between Bronze and Teal, giving this palette its sense of nature and growth.
The five colors
- Frost (#CFF9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007867): A full-bodied, balanced teal — the color of shallow lagoons.
- Bronze (#6A3600): A deep, shadowed, balanced gold — the color of old brass.
- Espresso (#352F00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#000701): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Hushed Cocoa Villa 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
- Wandering Petrol color palette (#D3ECF8, #006F85, #514600, #133200, #000403)
- Garnet Coast color palette (#C3F3F0, #007234, #86030A, #432700, #040500)
- Garnet Study color palette (#CEFCED, #006295, #7D0034, #2A3600, #001C2A)
- Plum Harbor color palette (#F1F5FF, #757EFF, #BC0066, #443F00, #000305)
- Weathered Fern Orchard color palette (#E7F5F8, #439998, #8A5D1E, #4F5600, #022222)
- Byzantium Garden color palette (#FFEFF3, #BC00E6, #B62A00, #5D3D00, #141900)
- Faded Villa color palette (#E9D9F9, #BC2D87, #842900, #372B00, #001301)
- Spruce Lagoon color palette (#CAE4EE, #00393D, #251900, #060D00, #000201)
Browse the whole catalog at Explore, or see today's palette.