Hushed Amber color palette — #FDF4E8 · #C48B2F · #3B8064 · #37557A · #5A3838

A conversation between Mustard and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF4E8): bright and airy, almost weightless.
• Mustard (#C48B2F): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#3B8064): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#37557A): A full-bodied, dusty blue — the color of deep harbor water.
• Cocoa (#5A3838): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: 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

• Worn Orchard color palette (#FFF2ED, #D9786E, #6A7744, #165D6B, #583743)
• Taupe Atelier color palette (#F8F0E9, #C58E65, #30807B, #4E4374, #3C1A2C)
• Softworn Moss Drift color palette (#F7F6E8, #8CA257, #377B8A, #5B4A70, #693009)
• Wandering Moss Chapel color palette (#FFECC9, #C3BD6D, #7D8D42, #55683C, #4E4F48)
• Hushed Stone color palette (#FDF2F5, #D7A678, #469BA2, #5F6593, #423D5E)
• Stone Grove color palette (#FFF3E5, #CEC2A2, #95997C, #786A78, #614B57)
• Navy Harbor color palette (#FFF4DC, #927D00, #00685D, #1C3194, #570D35)
• Hushed Lagoon color palette (#F7F3DB, #6F8100, #005E6E, #482A5E, #491B05)

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