Hushed Amber color palette — #FFF1F0 · #FFBB9E · #DF8600 · #876300 · #3E3800

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

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Cantaloupe (#FFBB9E): A whisper-light, balanced orange — the color of sun-warmed clay.
• Mustard (#DF8600): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#876300): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#3E3800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Amber Terrace color palette (#FFF2ED, #FFB56A, #B78900, #6A5E00, #2A3500)
• Amber Lagoon color palette (#FFD6C8, #E67000, #A15F00, #6C4800, #493A00)
• Powdered Alley color palette (#ECDCD0, #BD8600, #7E6900, #323A00, #061100)
• Ancient Amber color palette (#F1DED5, #FFA55F, #E18200, #AF7100, #5B3C00)
• Faded Study color palette (#FFF1F6, #FFB7BC, #FF5742, #9F4D00, #4D2E00)
• Softworn Thicket color palette (#FBE6E1, #FF954C, #A66F00, #5D4900, #212200)
• Linen Mustard Thicket color palette (#FFF1F5, #F2D887, #B2AB00, #577728, #254528)
• Amber Boulevard color palette (#FFF4DF, #FFD977, #BA8F00, #684800, #211600)

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