Tempered Amber Basin color palette — #F4DDDC · #FFA575 · #DD8E00 · #9C7900 · #3F4500

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

The five colors

• Shell Pink (#F4DDDC): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#FFA575): A luminous, balanced orange — the color of autumn markets.
• Mustard (#DD8E00): A luminous, balanced gold — the color of old brass.
• Ochre (#9C7900): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#3F4500): A deep, shadowed, balanced green — the color of fresh herbs.

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

Use it as a design system

One click turns Tempered Amber Basin 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

• Patina Grove color palette (#FDDAE2, #FFA7A0, #FB6900, #A17000, #483B00)
• Aged Marigold Loft color palette (#FFE6DF, #FBA033, #BD9E00, #6F7C22, #2E441E)
• Antique Amber Field color palette (#FFF2EB, #FFBB81, #D68500, #8B5B00, #3E2B00)
• Apricot Canyon color palette (#FFEBD6, #E0C75E, #DD902E, #B56756, #36362F)
• Weathered Amber Station color palette (#FFEBE1, #C48C00, #8B8000, #4A6200, #00250B)
• Honey Alley color palette (#FFE1C3, #F3C84F, #B1B756, #739864, #27503A)
• Blush Alley color palette (#FFCEF6, #FF9BBD, #FF5D73, #C05F1E, #5B3500)
• Honey Delta color palette (#FFF3E3, #F8B92D, #6CBFFF, #C28C00, #003E63)

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