Soft Amber color palette — #FBDCDB · #FFA074 · #E18700 · #8D6E00 · #3E3E0C
A conversation between Mustard and Melon, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#FBDCDB): A whisper-light, dusty orange — the color of toasted spice.
- Melon (#FFA074): A luminous, balanced orange — the color of toasted spice.
- Mustard (#E18700): A luminous, balanced gold — the color of afternoon light on wheat.
- Ochre (#8D6E00): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#3E3E0C): 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 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
- Wandering Amber color palette (#FFF2ED, #FFA569, #CE7C00, #785500, #3A2E00)
- Softworn Summit color palette (#FADCCA, #EDA64A, #B39600, #6D861A, #174526)
- Feathered Ember Bloom color palette (#FBE9F3, #FD8EA7, #F95F2B, #B45F08, #4D380D)
- Softworn Amber color palette (#F6E2E8, #CDC291, #CC8F46, #A56757, #14372F)
- Faded Amber color palette (#FFDAD4, #E97100, #A47000, #605300, #192300)
- Quiet Marigold color palette (#FFF4DC, #F5C86B, #CC9D00, #8B6A00, #271E00)
- Weathered Corridor color palette (#FBDFEC, #D1ABFF, #E9AB00, #3F5D45, #1A211B)
- Linen Loft color palette (#E2F4E9, #D4BF4E, #10C2F2, #A69100, #003C4D)
Browse the whole catalog at Explore, or see today's palette.