Hushed Cocoa Quarry color palette — #FEF2ED · #F6C796 · #A16F64 · #763A18 · #342923

A conversation between Bronze and Wheat, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FEF2ED): a clean, paper-quiet neutral.
• Wheat (#F6C796): A whisper-light, balanced gold — the color of old brass.
• Mocha (#A16F64): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#763A18): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#342923): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Antique Honey color palette (#FBF4E8, #E4BF6D, #836F3D, #573D00, #272115)
• Softworn Driftwood Archive color palette (#FCF3F1, #C0E8D6, #A47A70, #5E3C34, #251714)
• Patina Taupe Garden color palette (#FCF3EE, #FFC1A0, #B09A58, #B37E62, #312D27)
• Apricot Meadow color palette (#FFF2EB, #F08C6F, #98A269, #976D79, #632B00)
• Marigold Field color palette (#F0D9C5, #D99500, #7E4500, #3F2000, #150800)
• Inked Atelier color palette (#F0DBCD, #A06600, #4D1800, #1A1B10, #100200)
• Softworn Taupe Grove color palette (#FBF2FA, #C9E7CF, #C58E8B, #7F627C, #30282F)
• Softworn Taupe color palette (#FAF4EE, #DDDCCF, #ABB4A9, #B2957A, #58514A)

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