Soft Tangerine color palette — #FDD8D5 · #F97F26 · #A06600 · #685200 · #2B3B00

A conversation between Tangerine and Ochre, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FDD8D5): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#F97F26): A luminous, vivid gold — the color of honey in a jar.
• Ochre (#A06600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Coffee (#685200): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#2B3B00): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, 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

• Softworn Coral Harbor color palette (#F8E7EA, #FF6852, #C25B00, #6D4800, #382F00)
• Washed Apricot color palette (#FFF1F1, #FF9767, #AE7600, #614D00, #1B2400)
• Linen Amber Coast color palette (#FEE0CC, #C99300, #8C7F00, #3A5C00, #003C0E)
• Muted Ridge color palette (#F5D9B8, #B3A653, #A36A00, #893316, #1D2F00)
• Soft Mustard color palette (#FFEDA9, #CCB000, #997700, #5B4500, #211A00)
• Cobalt Archive color palette (#FBE1B1, #DBA629, #007CDF, #866200, #002E59)
• Muted Pier color palette (#E8DBE4, #FF6096, #E00041, #883700, #3F2900)
• Mint Studio color palette (#FFF3E3, #DBE6A3, #00E0BF, #CD5D63, #423500)

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