Quiet Amber color palette — #E5FCEB · #DCD19B · #B18D0D · #7D5800 · #2B2900

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

The five colors

• Ivory (#E5FCEB): A whisper-light, dusty teal — the color of shallow lagoons.
• Wheat (#DCD19B): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#B18D0D): A luminous, balanced green — the color of fresh herbs.
• Coffee (#7D5800): A full-bodied, balanced gold — the color of old brass.
• Espresso (#2B2900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

One click turns Quiet 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

• Terracotta Orchard color palette (#FFF1F7, #F3C69A, #C67E44, #994200, #392300)
• Powdered Delta color palette (#FCEDD0, #B39D00, #806600, #604400, #393708)
• Hushed Bronze color palette (#FFF1F6, #C8E7C5, #C39365, #925C36, #233726)
• Aged Summit color palette (#DEF2DD, #A67F29, #694500, #331B00, #020100)
• Mustard Cabin color palette (#DEFFE5, #D5B951, #9E7700, #694500, #1C1900)
• Hushed Marigold color palette (#DFF5E4, #CDCE6F, #CA9D00, #B46C1E, #293C17)
• Amber Lantern color palette (#E8F8FF, #00BBCC, #B28D00, #597200, #002024)
• Chestnut Pier color palette (#FADCEA, #BB906B, #944700, #561D00, #080300)

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