Hushed Amber color palette — #FFF1F6 · #C68854 · #2A8074 · #5B4A71 · #48374F

A conversation between Mustard and Teal, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#C68854): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#2A8074): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#5B4A71): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#48374F): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Ancient Denim color palette (#E9F6EB, #B39865, #5A7398, #314C76, #1F2444)
• Softworn Thicket color palette (#EAF9F4, #8FA24A, #4F71A3, #6A4467, #53323F)
• Lagoon Meadow color palette (#FFF2EE, #DF9CA3, #509D85, #83587F, #58354E)
• Oat Courtyard color palette (#FFF1F7, #ADD1BC, #81A1A0, #6D6C7C, #57485A)
• Weathered Mustard Studio color palette (#DDFFE6, #B5B25D, #728D49, #4B6A44, #2E5253)
• Aubergine Grove color palette (#DEFFE6, #9B7800, #006672, #5F1377, #451A54)
• Tempered Cobalt color palette (#FBF4EB, #E3C289, #71BB9A, #4C8CC4, #573455)
• Hushed Quarry color palette (#E3F7EE, #7B7D00, #00598A, #5B1F4F, #470F18)

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