Muted Amber color palette — #FDF3EA · #E8DDB7 · #B09F3F · #BC7831 · #181103

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

The five colors

• Ivory (#FDF3EA): bright and airy, almost weightless.
• Celadon Mist (#E8DDB7): A whisper-light, dusty green — the color of fresh herbs.
• Mustard (#B09F3F): A luminous, balanced green — the color of fresh herbs.
• Caramel (#BC7831): A luminous, balanced gold — the color of honey in a jar.
• Ink (#181103): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Tempered Jade color palette (#FAF5E9, #F9E694, #7FAD67, #9D8934, #131305)
• Muted Amber Terrace color palette (#FCF3ED, #FFC8A6, #B1B36D, #DC8B55, #292411)
• Softworn Coast color palette (#FFF2EE, #F3D4C6, #E08153, #C56B74, #1B0F07)
• Weathered Workshop color palette (#F5E8D7, #BB8100, #485400, #513600, #020100)
• Honey Corridor color palette (#FFF4DF, #EBC85D, #919857, #237169, #34312B)
• Apricot Summit color palette (#FFF3E8, #F9963A, #68944C, #7D4C6B, #24130C)
• Chestnut Lantern color palette (#F9EFF3, #DCA684, #5A8338, #9B4B00, #01120F)
• Antique Chartreuse color palette (#F9F6E2, #CAEA00, #00AC79, #758900, #060C00)

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