Hushed Cocoa color palette — #FAF4EE · #E9DDBE · #A4BF96 · #8BA18B · #604A00

Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Bone (#E9DDBE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A4BF96): A luminous, dusty green — the color of a quiet forest floor.
• Taupe (#8BA18B): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

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

• Aged Lagoon Boulevard color palette (#EFF8F2, #BCD9CD, #78A69C, #52888A, #3C534A)
• Ancient Quarry color palette (#FFF3E2, #C6D799, #69B987, #0099B3, #363F18)
• Softworn Workshop color palette (#ECE4D1, #A3C690, #48A486, #397E9C, #1B2F0C)
• Muted Taupe color palette (#FFF0FE, #AEC8F3, #E4B384, #B4A35E, #4E3B4D)
• Periwinkle Quarry color palette (#E8FAF5, #ABE2D3, #EBBD91, #68AEEE, #644628)
• Faded Clover color palette (#FAE8D5, #C7C57D, #50BF3D, #A44594, #323000)
• Quiet Olive Canyon color palette (#F4E5D8, #A49955, #4C8121, #743E75, #131000)
• Pine Bloom color palette (#F4E4D3, #8C8C51, #30732E, #005259, #060600)

Browse the whole catalog at Explore, or see today's palette.