Softworn Amber Pier color palette — #FFF1F4 · #FFB08E · #B57C00 · #4C5700 · #002E0E

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Melon (#FFB08E): A whisper-light, balanced orange — the color of toasted spice.
• Mustard (#B57C00): A luminous, balanced gold — the color of old brass.
• Deep Olive (#4C5700): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#002E0E): 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 Pier 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 Basin color palette (#FFF0FC, #FFAFB8, #D77344, #725000, #1C2400)
• Aged Grove color palette (#FDDACF, #C37E00, #535900, #002A0B, #000201)
• Frosted Moss Harbor color palette (#FFF2EE, #FFC47B, #8D9B16, #1F682C, #002724)
• Chestnut Loft color palette (#FFD4D0, #C6896B, #875B00, #484400, #1E3C00)
• Amber Field color palette (#FFDFC6, #EAB573, #C2943D, #8B7100, #373100)
• Wandering Forest color palette (#FDE6CF, #7F7800, #09530B, #001210, #000102)
• Apricot Atelier color palette (#DEFFE5, #FF9581, #868223, #354F84, #311924)
• Tempered Amber color palette (#E7FCE6, #B97B00, #093E32, #081208, #020102)

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