Softworn Amber color palette — #F7DFE0 · #FF9678 · #C87300 · #785A00 · #424100

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

The five colors

• Shell Pink (#F7DFE0): A whisper-light, dusty red — the color of late-summer berries.
• Melon (#FF9678): A luminous, balanced orange — the color of autumn markets.
• Mustard (#C87300): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#785A00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#424100): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Amber Canyon color palette (#FFF1F2, #FFC4AC, #D18200, #7C5D00, #373F00)
• Marigold Meadow color palette (#FFD7C4, #F3A442, #9F8500, #5A7000, #005015)
• Dusty Coast color palette (#F4DBD0, #C47700, #716200, #374200, #002306)
• Misty Scarlet Summit color palette (#FFE8F6, #FF879B, #E74133, #9E4900, #584000)
• Powdered Corridor color palette (#FFF4DE, #EAC053, #B18400, #6E5400, #2F2000)
• Hazy Terracotta color palette (#FFE7EF, #C5B472, #BB7300, #A73119, #2D3C05)
• Ember Garden color palette (#FFF1F5, #EAEFBA, #7CDEC8, #D4655D, #504208)
• Worn Mustard Atelier color palette (#FFDFF4, #D8AAFF, #E1AB00, #513B00, #1A2A1E)

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