Softworn Tangerine color palette — #FBEAE8 · #FD682B · #B96700 · #755100 · #3A3300

Built around Tangerine, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Rose Water (#FBEAE8): bright and airy, almost weightless.
• Tangerine (#FD682B): A luminous, vivid orange — the color of toasted spice.
• Ochre (#B96700): A full-bodied, balanced gold — the color of honey in a jar.
• Coffee (#755100): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3A3300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged 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

• Gentle Canyon color palette (#FFEBE1, #DA7500, #905500, #5B3800, #402A00)
• Marigold Market color palette (#F7DBC9, #DD9600, #987B00, #575800, #283F00)
• Scarlet Balcony color palette (#EFDFE6, #FF6586, #E02C00, #873D00, #4D2A00)
• Pale Mustard Meadow color palette (#FFEACB, #E3A700, #9B6E00, #564100, #231700)
• Terracotta Quarry color palette (#FFCFDF, #BBA260, #A76600, #8C3000, #2A2B00)
• Misty Scarlet color palette (#DDFDDC, #E0DA7D, #59E086, #D94B39, #453200)
• Quiet Terrace color palette (#D1EECF, #E89E29, #0082CB, #8F5D00, #003150)
• Weathered Bronze color palette (#FFF0FA, #E8B698, #BA9152, #947A1D, #295443)

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