Hushed Cocoa color palette — #F4DDC5 · #A2B086 · #627C61 · #6A4A47 · #5E2D00
Built around Cocoa, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Parchment (#F4DDC5): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#A2B086): A luminous, dusty green — the color of a quiet forest floor.
- Pewter (#627C61): A full-bodied, dusty green — the color of fresh herbs.
- Coffee (#6A4A47): A full-bodied, dusty orange — the color of autumn markets.
- Cocoa (#5E2D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.
Use it as a design system
One click turns Hushed Cocoa 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
- Cocoa Villa color palette (#E3DFD1, #72A883, #197A87, #733E14, #473400)
- Wandering Bronze color palette (#FFDBD1, #C0A180, #837D34, #5F4869, #532D42)
- Hushed Cocoa Garden color palette (#FFF0CD, #B2BA9D, #719281, #7B615C, #754309)
- Patina Cocoa color palette (#FFF3E7, #A39D64, #4B6E3D, #6B3F00, #38352E)
- Chalky Celadon color palette (#B9F3C7, #73C3C3, #727DAC, #795631, #664116)
- Weathered Driftwood Atelier color palette (#F6E3D1, #7B9359, #125F59, #562226, #381400)
- Wandering Dune color palette (#FFE4F3, #AAD5BF, #73B391, #AE7778, #5A3F5A)
- Cocoa Summit color palette (#DDEADF, #589BAB, #635D8E, #644000, #38332E)
Browse the whole catalog at Explore, or see today's palette.