Hushed Amber color palette — #FFF1F6 · #E48900 · #007566 · #7B4800 · #002226

A conversation between Mustard and Bronze, giving this palette its sense of optimism and balance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#E48900): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#007566): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#7B4800): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#002226): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Optimism, Balance. Tagged duotone.

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

• Timeworn Mustard Coast color palette (#E6FCED, #BDA000, #007183, #655500, #00212D)
• Wandering Chapel color palette (#FFF0F8, #F7782E, #067A1C, #8B3A00, #002320)
• Hazy Apricot Workshop color palette (#FCEDF5, #F68445, #007A7F, #923E00, #000C0D)
• Ancient Amber color palette (#E2EFE3, #B57B00, #005C51, #593A00, #001013)
• Coral Garden color palette (#FDF1FC, #FC6C77, #686900, #9C1B31, #002418)
• Bronze Corridor color palette (#FFF3E9, #FFA062, #0096AE, #B75900, #002228)
• Muted Aubergine Harbor color palette (#FFF3E7, #A58A00, #00743B, #582C7B, #33390C)
• Mustard Courtyard color palette (#FFE1B9, #BDA600, #527E00, #005931, #00413C)

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