Hushed Cocoa Studio color palette — #F9F1DD · #9FB38A · #7D764B · #634524 · #1F260E
A conversation between Bronze and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F1DD): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#9FB38A): A luminous, dusty green — the color of a quiet forest floor.
- Walnut (#7D764B): A full-bodied, dusty green — the color of a quiet forest floor.
- Bronze (#634524): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Onyx (#1F260E): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Hushed Cocoa Studio 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 Bronze Coast color palette (#F5E7D1, #9FA760, #876500, #6C3000, #022402)
- Wandering Bronze color palette (#FEEFE1, #C8B99D, #A97740, #824526, #2F2D1C)
- Weathered Cabin color palette (#FCF5E2, #ADA88A, #7A753C, #664E0D, #414000)
- Muted Balcony color palette (#E4FCEF, #B6EAD8, #A5A168, #7D6838, #133933)
- Hushed Garnet color palette (#F5DACC, #B98F64, #885546, #5F2A3A, #211600)
- Wandering Fern color palette (#F0E4CB, #7A8F54, #645400, #4A2700, #0C1000)
- Weathered Cerulean color palette (#E3F8ED, #0094BB, #A46142, #76422A, #052015)
- Tempered Cocoa Corridor color palette (#F7EBE2, #93691E, #6E2E00, #480013, #060500)
Browse the whole catalog at Explore, or see today's palette.