Dusty Tangerine color palette — #FFD9D4 · #F4834C · #C56F00 · #896400 · #362F00

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

The five colors

• Shell Pink (#FFD9D4): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#F4834C): A luminous, balanced orange — the color of autumn markets.
• Mustard (#C56F00): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#896400): A full-bodied, balanced gold — the color of old brass.
• Espresso (#362F00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Dusty Tangerine 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

• Quiet Amber Terrace color palette (#EDDDD7, #CF7F00, #937300, #605A00, #1E2500)
• Faded Ember color palette (#F9DCDA, #D45E26, #844F00, #402D00, #1A1600)
• Ancient Amber Terrace color palette (#FFEAE5, #F8A571, #D38E08, #8F7100, #3E4000)
• Soft Ember color palette (#FAEBF1, #FA7B8B, #E6583B, #9B4B00, #3E2300)
• Hushed Amber color palette (#F8E7ED, #CBAE67, #B7824A, #955A45, #032C1E)
• Faded Amber Lagoon color palette (#FFE5B2, #E7BB4C, #C08700, #7F5900, #211600)
• Feathered Amber Boulevard color palette (#E0FDDE, #C2E8BD, #77D7C2, #CA7A5D, #433605)
• Periwinkle Station color palette (#F3D5DE, #FFAF52, #5DA3FF, #9C5F00, #002756)

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