Tangerine Workshop color palette — #FFF0F9 · #FF7EBB · #F7650E · #766A00 · #020100
A conversation between Tangerine and Bubblegum, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Bubblegum (#FF7EBB): A luminous, vivid rose — the color of a warm blush.
- Tangerine (#F7650E): A luminous, vivid orange — the color of toasted spice.
- Olive (#766A00): A full-bodied, balanced green — the color of fresh herbs.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged candy, vibrant, light.
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
- Feathered Amber color palette (#FFEAF3, #FF93AA, #D47B00, #5A7300, #020100)
- Washed Rose color palette (#FFE5F9, #F286DB, #FF354B, #8E6800, #030000)
- Tangerine Market color palette (#D2E9D3, #F26B49, #AE7F00, #376800, #020100)
- Hushed Ember Harbor color palette (#FEE6F1, #FA3A13, #A94C00, #624000, #040100)
- Amber Hollow color palette (#E1F9E7, #FFA37F, #B89100, #008551, #010100)
- Frosted Ridge color palette (#FAF1FF, #CD92FF, #FF2D97, #935500, #040000)
- Navy Balcony color palette (#FFDEE4, #BF7E64, #736100, #042762, #19002C)
- Antique Peony color palette (#FFE4D1, #FA058E, #B84D00, #4F4A00, #110600)
Browse the whole catalog at Explore, or see today's palette.