Soft Amber color palette — #FFF2ED · #ECA67A · #C38132 · #88651C · #584C22

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Melon (#ECA67A): A luminous, balanced gold — the color of old brass.
• Mustard (#C38132): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#88651C): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#584C22): A full-bodied, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Antique Apricot Market color palette (#FFF2EB, #FFC39F, #EC9220, #8B6500, #4D4318)
• Muted Amber color palette (#FFDBDF, #EC9C95, #CE715A, #9A5B35, #5D3A15)
• Moss Grove color palette (#FFEBD3, #D8BB73, #A69935, #6F7725, #40512A)
• Amber Pier color palette (#DEFFE5, #DCC584, #AB8C39, #735E10, #3D2E00)
• Timeworn Bronze color palette (#E9FBE9, #D9AF76, #7EA5E8, #AC7300, #2D4267)
• Aged Bronze color palette (#F9D8C6, #A76600, #755100, #413400, #131100)
• Weathered Delta color palette (#EAFAEB, #BAE6E6, #8BCCCE, #BE8C6C, #3C5646)
• Driftwood Villa color palette (#EBFAEA, #A5C8AE, #AC8858, #815C6E, #294436)

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