Hushed Cocoa Grove color palette — #F3EDE6 · #D7CFBD · #ABA884 · #6E4200 · #050200

Built around Bronze, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#F3EDE6): bright and airy, almost weightless.
• Oat (#D7CFBD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#ABA884): A luminous, dusty green — the color of fresh herbs.
• Bronze (#6E4200): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#050200): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Hushed Cocoa Grove 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

• Timeworn Garnet Coast color palette (#F9EAE5, #E1CBBB, #BEA176, #88232F, #070100)
• Weathered Basalt Grove color palette (#E1DED6, #BDBCA6, #8C967A, #443C00, #020100)
• Hushed Basalt color palette (#E5F0E4, #9AB0A0, #618979, #4E3000, #081807)
• Emerald Field color palette (#E6E2C9, #59A165, #005B4A, #540616, #000200)
• Softworn Bronze color palette (#E4EDE4, #94BBB5, #75A4A0, #966707, #081809)
• Aged Pine Alley color palette (#F5F6EE, #CDDED6, #A8C3AD, #00741F, #0C0E02)
• Timeworn Pine Ridge color palette (#FADDC7, #9B9453, #287441, #3D2043, #110015)
• Worn Fern Workshop color palette (#E8E1D2, #4F595E, #5A4D00, #101814, #020700)

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