Hushed Cocoa Quarry color palette — #F2F3E5 · #7CAE86 · #327354 · #663B00 · #1A1E09

A conversation between Bronze and Pine, giving this palette its sense of nature and growth.

The five colors

• Cream (#F2F3E5): bright and airy, almost weightless.
• Jade (#7CAE86): A luminous, dusty teal — the color of sea glass.
• Pine (#327354): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#663B00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#1A1E09): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Weathered Taupe Corridor color palette (#F8F1E4, #ACA251, #666929, #613B31, #251B00)
• Ancient Lagoon Courtyard color palette (#E2E9D1, #4BA07D, #006451, #383D04, #0D1500)
• Cypress Courtyard color palette (#E4FBF5, #7AA883, #2A715A, #534360, #0A3E3B)
• Lagoon Terrace color palette (#F8F5E9, #93C29C, #369186, #785675, #323A00)
• Chestnut Grove color palette (#F4F2E8, #C7C69D, #6F8C6A, #7F5914, #32312B)
• Marigold Veranda color palette (#FFF1CF, #CD9E18, #856300, #463400, #0F0900)
• Pine Terrace color palette (#EAE0C7, #997600, #008448, #894342, #1D1200)
• Chalky Raspberry color palette (#F7E6D4, #CB7C00, #AD55A4, #794800, #2C0F29)

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