Dusty Tangerine color palette — #FFF2EF · #FFCBC0 · #F37F2E · #A2631D · #45413A

A conversation between Tangerine and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Shell Pink (#FFCBC0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#F37F2E): A luminous, vivid gold — the color of honey in a jar.
• Ochre (#A2631D): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#45413A): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, 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

• Coral Dune color palette (#FFF0FA, #FFCFDD, #F1757E, #AA5442, #403A35)
• Pale Apricot color palette (#FFE4DF, #FF9354, #AC6800, #5B4900, #2C2B00)
• Muted Field color palette (#FFE4DF, #FFB79E, #ED9369, #B2784F, #613D4C)
• Marigold Corridor color palette (#FFF2EB, #FFCCA0, #D59700, #776A0A, #404920)
• Amber Bloom color palette (#FFF2EA, #FFC5AA, #88BFFF, #C47147, #472E49)
• Muted Apricot color palette (#FFF3E6, #E0DBC2, #DD9235, #835100, #2A1700)
• Ember Basin color palette (#FFE2E1, #E44B00, #754000, #352000, #070500)
• Airy Mustard color palette (#FFE4C2, #C9A300, #768600, #325800, #002310)

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