Muted Tangerine color palette — #FFD9F8 · #FFB8A7 · #F68251 · #BC744D · #5C3748

A conversation between Salmon and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Thistle (#FFD9F8): A whisper-light, dusty pink — the color of a candy shop window.
• Melon (#FFB8A7): A whisper-light, balanced orange — the color of autumn markets.
• Salmon (#F68251): A luminous, balanced orange — the color of toasted spice.
• Caramel (#BC744D): A luminous, balanced orange — the color of sun-warmed clay.
• Cocoa (#5C3748): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

One click turns Muted 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

• Gentle Apricot color palette (#FFE1F3, #FFBB91, #F58C27, #B17739, #5F4621)
• Linen Mallow Coast color palette (#FFF0F9, #FFB8A0, #D0A8FF, #DE8362, #3E3F5F)
• Pale Blush Meadow color palette (#F3DEFF, #FFADC0, #FD748A, #C4676B, #683D3A)
• Worn Amber color palette (#FFF1F4, #FFCDC6, #DC7D52, #916234, #49453E)
• Linen Lime Grove color palette (#FFF1F6, #EFAF71, #99C569, #DB88A5, #483039)
• Hazy Bronze color palette (#F0E1FF, #DB8D8D, #B66445, #764900, #0A311B)
• Wandering Ember color palette (#FFEAE3, #D05B00, #A35200, #693A00, #1E0E00)
• Wandering Sand color palette (#FFF1F6, #CAF9ED, #F1DE9E, #DDA381, #425241)

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