Hushed Amber color palette — #FCF3ED · #C88756 · #527D49 · #0D5C73 · #583743

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Mustard (#C88756): A luminous, balanced gold — the color of old brass.
• Olive (#527D49): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#0D5C73): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#583743): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

Use it as a design system

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

• Washed Taupe color palette (#F9F5E9, #A19B50, #00817F, #4C4E7C, #5A3931)
• Dusty Pewter color palette (#FFF3E8, #D4C7B2, #949176, #537267, #5D4C57)
• Washed Coral Bloom color palette (#FFEEE5, #D4846C, #257D95, #374D6E, #341E34)
• Soft Bronze Market color palette (#FFEEDB, #CEB274, #A0891A, #626928, #44563C)
• Patina Bronze Study color palette (#FFF3E3, #A47300, #006B4A, #004271, #4C1846)
• Weathered Apricot Lagoon color palette (#FBF2F9, #EF9686, #3C9CA5, #58688E, #32435E)
• Oat Bloom color palette (#FEF1F6, #EFBC8F, #AAAE7B, #62937A, #5F3439)
• Bronze Boulevard color palette (#FBF0E4, #A67022, #3F3C35, #31271B, #171510)

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