Muted Amber color palette — #FFF1F2 · #FFCDC6 · #D78A54 · #916D1C · #433D10

Built around Mustard, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#FFCDC6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#D78A54): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#916D1C): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#433D10): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Faded Field color palette (#FFF0FB, #FFBED3, #EB8A82, #A25E37, #57390F)
• Quiet Corridor color palette (#FFF2EE, #FFC191, #C8A549, #717D31, #2B492C)
• Washed Bronze color palette (#FFF3E8, #F1D9B2, #BC9578, #98573D, #33322B)
• Gentle Apricot color palette (#FFE6E3, #FF9F64, #A97800, #584C00, #112800)
• Amber Dune color palette (#FFF3E7, #FFC891, #81C3F4, #B67B3C, #063C5C)
• Ember Archive color palette (#EBDBDA, #E15400, #7D4700, #312A00, #020400)
• Worn Hollow color palette (#FFD9AA, #BAA913, #738800, #005625, #002A1E)
• Eclipse Bronze color palette (#FFECE1, #8F5F00, #473F00, #0E1500, #000200)

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