Hushed Amber color palette — #FFF3E9 · #BE8F1E · #2D7A55 · #54456D · #3F3D36

Mustard and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Mustard (#BE8F1E): A luminous, balanced gold — the color of old brass.
• Teal (#2D7A55): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#54456D): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, 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

• Wandering Corridor color palette (#FFF3E4, #D37F59, #62722C, #424978, #413C36)
• Weathered Station color palette (#FFF2EE, #74A951, #007787, #6A3C57, #3B3E38)
• Washed Taupe color palette (#DFF9EB, #9FA255, #597544, #005157, #072920)
• Washed Harbor color palette (#FCE9D2, #ACB98C, #718972, #745C5F, #644549)
• Chalky Field color palette (#FDF4E7, #B07F00, #4260A5, #5D3669, #512A35)
• Aged Lagoon color palette (#F8F6E4, #FFD6BE, #B3C143, #259E98, #3E3F38)
• Patina Teal color palette (#F6F6E9, #76C1A8, #348088, #6D524E, #3C4632)
• Aubergine Studio color palette (#FFDBD2, #868100, #006056, #5B0069, #143100)

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