Tangerine Workshop color palette — #FFF0F9 · #FF793C · #00A7C6 · #3B86B4 · #2A1122

Built around Tangerine, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Tangerine (#FF793C): A luminous, vivid orange — the color of toasted spice.
• Cyan (#00A7C6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#3B86B4): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#2A1122): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Tangerine Workshop 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

• Aged Blush color palette (#FEF0FF, #FF7088, #00ADA1, #008F9A, #251327)
• Misty Parlor color palette (#FFD7EE, #F59060, #42B2E3, #658ACF, #3E1F33)
• Washed Marigold Corridor color palette (#E0FFE0, #F1A82D, #2F88D6, #856AA9, #08220A)
• Wandering Bronze color palette (#F9E7D8, #B36600, #007C8F, #285B81, #210F00)
• Hazy Basin color palette (#E6FCE7, #D09000, #8F78CF, #685192, #0A190B)
• Patina Studio color palette (#FFF4DB, #D2A52A, #2D70EB, #675DD7, #191100)
• Nightshade Lantern color palette (#F8DFCE, #B55F2D, #008060, #5948A6, #45200A)
• Worn Honey color palette (#E5FCEE, #E1CC6F, #A1B7FE, #A798CD, #2B3D32)

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