Softworn Tangerine color palette — #FFF0F9 · #FF8AB4 · #F76411 · #707400 · #3A2000

Tangerine and Bubblegum set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Bubblegum (#FF8AB4): A luminous, balanced rose — the color of pressed rose petals.
• Tangerine (#F76411): A luminous, vivid orange — the color of autumn markets.
• Olive (#707400): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#3A2000): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Energy. Tagged candy, vibrant, light, warm.

Use it as a design system

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

• Faded Orchard color palette (#FFF3E9, #FF9395, #CF7900, #457700, #332700)
• Wandering Ember color palette (#FFF0FA, #FF6DE9, #FE381F, #816B00, #401C00)
• Washed Tangerine color palette (#FFEEE2, #FFA28E, #F37500, #956100, #210F00)
• Misty Amber color palette (#D5F0E4, #DD7800, #817B00, #00695A, #0B1F00)
• Dusty Emerald color palette (#EAFBEA, #FFB199, #EDA200, #0E9522, #433700)
• Sunlit Amber color palette (#E2FDEF, #FEA767, #B49A00, #009166, #283206)
• Faded Peony Market color palette (#FAF2FF, #D1ABFF, #FF3A8B, #9C5400, #54000B)
• Softworn Amber Terrace color palette (#F9E0D7, #D27E00, #816300, #4E4500, #003C1F)

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