Soft Amber color palette — #FFD6D1 · #FFAD80 · #DB8A00 · #9C7B00 · #423D00

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

The five colors

• Shell Pink (#FFD6D1): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#FFAD80): A luminous, balanced orange — the color of autumn markets.
• Mustard (#DB8A00): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#9C7B00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#423D00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, 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

• Soft Amber color palette (#FDE9DE, #E7AD5B, #C59602, #727700, #2E4211)
• Worn Thicket color palette (#FFD7BD, #FD9834, #C37B00, #855A00, #523B00)
• Tempered Apricot Dune color palette (#FFEBD4, #DEC779, #CF974F, #B46945, #37352F)
• Hushed Tangerine Veranda color palette (#FFDFE9, #FF9BA0, #FF6A31, #B25E00, #5F3900)
• Weathered Mustard color palette (#FFF4DC, #FFCD58, #CAA300, #8C7000, #322600)
• Mustard Harbor color palette (#FFE2C1, #E1CE7C, #ADB45A, #709251, #265033)
• Amber Hollow color palette (#FCE8D7, #C29100, #887B00, #4A5D00, #0E2400)
• Powdered Amber color palette (#FFF3E6, #FFB351, #93B5FF, #CF8500, #1F3670)

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