Muted Cocoa Quarry color palette — #FAF4F0 · #DBDAD3 · #99B2B7 · #DD9880 · #6E360B

Bronze and Camel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#DBDAD3): a clean, paper-quiet neutral.
• Ash (#99B2B7): A luminous, dusty blue — the color of deep harbor water.
• Camel (#DD9880): A luminous, balanced orange — the color of autumn markets.
• Bronze (#6E360B): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Muted 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 Veranda color palette (#F9F4EF, #D9DBD4, #D1AF82, #A8B4AF, #57524C)
• Washed Ash Coast color palette (#FFF2EF, #EBD0BE, #BFB59B, #A485A0, #65414A)
• Chestnut Courtyard color palette (#EDE9E2, #9DA396, #799179, #7E5D00, #0F0800)
• Amber Canyon color palette (#FCF4EC, #D9DCC9, #B6C6AB, #D97F00, #37322C)
• Marigold Courtyard color palette (#F0E2D3, #DB9C49, #836E24, #674000, #20160F)
• Timeworn Delta color palette (#FFF2ED, #EEA9A8, #8CAD59, #477BD1, #5B2426)
• Antique Moss Orchard color palette (#F6F5EF, #D4DCD4, #B1C9BD, #98AA3F, #3C3B34)
• Pewter Courtyard color palette (#F7EFF4, #E2D4D2, #B0C7C4, #8B697F, #32292F)

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