Soft Amber color palette — #F2DCD5 · #F7A277 · #DE8425 · #986600 · #4C3B00

A conversation between Mustard and Melon, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F2DCD5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#F7A277): A luminous, balanced orange — the color of autumn markets.
• Mustard (#DE8425): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#986600): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#4C3B00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Aged Bronze Pier color palette (#F3DCDF, #E28D75, #B96800, #765800, #3E3D00)
• Marigold Station color palette (#FADABD, #F2C086, #C89E2F, #9A8300, #444719)
• Aged Bronze Meadow color palette (#F5E5D5, #D5BD9B, #C79158, #AB663F, #33302A)
• Ember Garden color palette (#FDDAD0, #E4691C, #935400, #583B00, #2E2100)
• Weathered Station color palette (#FFDFE6, #FEA0A7, #EA7368, #CB4C11, #5F3000)
• Soft Mustard Workshop color palette (#F3E5CC, #D8AD00, #A09800, #617100, #224100)
• Patina Amber color palette (#FDEBD8, #E6B47C, #78B3FF, #C87E00, #15365E)
• Tempered Apricot Hollow color palette (#FFF3E4, #D3EABB, #99D5BA, #DF9268, #513B00)

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