Misty Tangerine color palette — #FFD3E1 · #FFACA7 · #FF7544 · #C36A00 · #543600

Tangerine takes the lead with Ochre close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#FFD3E1): A whisper-light, dusty rose — the color of pressed rose petals.
• Rose Quartz (#FFACA7): A whisper-light, balanced orange — the color of toasted spice.
• Tangerine (#FF7544): A luminous, vivid orange — the color of toasted spice.
• Ochre (#C36A00): A luminous, balanced gold — the color of honey in a jar.
• Cocoa (#543600): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Weathered Blush color palette (#FFCEEC, #FF9CBE, #FF727D, #C74E00, #5F3000)
• Wandering Amber color palette (#F7E1E1, #FF9977, #D97F00, #A07000, #433900)
• Dusty Tangerine Bloom color palette (#FFE7F5, #F2BB8A, #F47D4D, #B96168, #443203)
• Airy Tangerine Veranda color palette (#FFF1F0, #FFB2A4, #FE6136, #A03B00, #4D2100)
• Gentle Rust color palette (#EFD9DB, #F8706A, #BE3000, #733700, #381C00)
• Soft Bronze color palette (#EADCD4, #B47700, #7F6300, #4A4B00, #091900)
• Marigold Hollow color palette (#FFF0F8, #FCB780, #D89F00, #9A8828, #26564A)
• Dusty Ember Harbor color palette (#FFF0FB, #FFAD99, #78BCFF, #FE562F, #023C69)

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