Hushed Cocoa Quarry color palette — #F3DDDC · #A46F64 · #663E22 · #202400 · #010400

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

The five colors

• Shell Pink (#F3DDDC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mocha (#A46F64): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#663E22): A full-bodied, dusty gold — the color of honey in a jar.
• Onyx (#202400): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#010400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Chestnut Thicket color palette (#FFE8DF, #945742, #5A3000, #1A2300, #00100B)
• Ember Boulevard color palette (#FEE7DB, #D15E01, #6C2E00, #16170D, #0F0200)
• Patina Scarlet Balcony color palette (#FBE6E7, #C9303F, #860307, #350600, #030000)
• Worn Study color palette (#D1E5D9, #7C8024, #354200, #3B0005, #010100)
• Frosted Rust color palette (#F5E6F0, #B83900, #316300, #4F1400, #000200)
• Weathered Driftwood color palette (#E8E1CF, #9A9249, #54682D, #00403B, #000D0F)
• Pewter Canyon color palette (#E9E6FA, #A07693, #925D57, #00504B, #000F1F)
• Abyss Market color palette (#FFDCBF, #C0A16D, #7C7036, #0B5639, #00231E)

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