Tangerine Workshop color palette — #FFF2EC · #F66800 · #009DA0 · #008385 · #240900
A conversation between Tangerine and Cerulean, giving this palette its sense of optimism and energy.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Tangerine (#F66800): A luminous, vivid orange — the color of autumn markets.
- Cerulean (#009DA0): A luminous, balanced teal — the color of sea glass.
- Teal (#008385): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#240900): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Optimism, Energy, 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
- Pale Ember color palette (#FFF2EE, #FE5D33, #2DA50D, #008764, #280400)
- Linen Cabin color palette (#FFF5D4, #B89600, #009BB0, #007EA0, #181200)
- Grape Grove color palette (#FFF4DB, #A79200, #00946E, #6700C8, #100D00)
- Soft Emerald Basin color palette (#FFF1F4, #FF78A6, #00922A, #007462, #2A0011)
- Antique Scarlet Courtyard color palette (#FDEAE8, #D40220, #006F87, #284F76, #430F0E)
- Tempered Cobalt Chapel color palette (#FFF5D8, #CDA72A, #007CCE, #5354B5, #191100)
- Nightshade Summit color palette (#F8E4E0, #D02200, #00793B, #3236C4, #230100)
- Feathered Cornflower Bloom color palette (#F4DDD8, #FF735A, #00BA5F, #667EFF, #460B03)
Browse the whole catalog at Explore, or see today's palette.