Hushed Amber color palette — #F3EEE5 · #CFD5CA · #AAC2AC · #B28C17 · #372C19

Mustard and Stone set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F3EEE5): bright and airy, almost weightless.
• Oat (#CFD5CA): a clean, paper-quiet neutral.
• Stone (#AAC2AC): A luminous, dusty green — the color of fresh herbs.
• Mustard (#B28C17): A luminous, balanced gold — the color of honey in a jar.
• Espresso (#372C19): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Weathered Ember color palette (#F3EDE9, #D6D4C5, #B6BCA6, #DD6D42, #3A2A20)
• Olive Hollow color palette (#EDEBE2, #B8C3B7, #90B29E, #858600, #251F08)
• Taupe Alley color palette (#F6F5EF, #D5DDD6, #A5B7B7, #A1B573, #514800)
• Misty Byzantium color palette (#EFDAC7, #D1A14E, #56A72F, #8F239E, #2A2400)
• Hushed Teal color palette (#E4E6D5, #91C8B3, #00A5A6, #A1624D, #003124)
• Timeworn Boulevard color palette (#F9E0C6, #B2BA8D, #6DA287, #876285, #512230)
• Dusty Lagoon color palette (#EBE8D5, #839700, #355E44, #313029, #080400)
• Byzantium Boulevard color palette (#F1DDCB, #DC8D41, #00988D, #981F9F, #311800)

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