Soft Tangerine color palette — #FFF1F3 · #FFB6B2 · #F66311 · #864C00 · #4C3700

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

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Rose Quartz (#FFB6B2): A whisper-light, balanced orange — the color of sun-warmed clay.
• Tangerine (#F66311): A luminous, vivid orange — the color of toasted spice.
• Coffee (#864C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4C3700): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Muted Amber color palette (#FFF2EF, #FFB286, #C57B00, #725200, #343100)
• Muted Coral Quarry color palette (#FFD3DA, #FF5D47, #BC4C00, #6F4000, #363E08)
• Amber Basin color palette (#FFDED2, #DB7400, #8C5E00, #463900, #121400)
• Faded Loft color palette (#F8D8D2, #FFA386, #FE7B31, #C05C00, #623400)
• Bronze Grove color palette (#FFDADC, #FF9372, #BF6000, #604000, #1F1800)
• Rose Balcony color palette (#FFF0FA, #FFABD1, #F54064, #B40510, #522300)
• Timeworn Coral Loft color palette (#FFF1F7, #DBFFCE, #CBE6D2, #F36F7B, #553306)
• Hushed Bronze color palette (#FFF1F7, #FFB47C, #0AC3EC, #B96200, #003441)

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