Hushed Bronze color palette — #FFF1F6 · #CFA676 · #9B7C41 · #6E5F21 · #33594A

Mocha and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Camel (#CFA676): A luminous, dusty gold — the color of old brass.
• Mocha (#9B7C41): A luminous, balanced gold — the color of honey in a jar.
• Olive (#6E5F21): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#33594A): A full-bodied, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Softworn Driftwood Dune color palette (#DEFFE7, #C0BA7D, #8B924E, #58703E, #2B5C58)
• Dusty Quarry color palette (#FFF2EB, #EABB96, #C49A52, #81791C, #51524A)
• Hushed Bronze color palette (#EAFAEF, #C0AF7B, #8C95C8, #877020, #3F4C6C)
• Driftwood Basin color palette (#DEFEEE, #C7C795, #888849, #56551D, #3D3C12)
• Driftwood Field color palette (#FDF0FF, #EDABA4, #B16F59, #8A583C, #654250)
• Mustard Basin color palette (#F0E8D9, #C7A300, #777000, #4B5700, #244902)
• Weathered Pewter color palette (#E5FCEE, #A59959, #5294A8, #996188, #34483C)
• Powder Corridor color palette (#E5FCEF, #BEE7EC, #9BCDE1, #799278, #395147)

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