Tangerine Workshop color palette — #F1E0E0 · #F17300 · #AA6E00 · #685B00 · #2C3200

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

The five colors

• Shell Pink (#F1E0E0): bright and airy, almost weightless.
• Tangerine (#F17300): A luminous, vivid gold — the color of afternoon light on wheat.
• Ochre (#AA6E00): A full-bodied, balanced gold — the color of old brass.
• Olive (#685B00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#2C3200): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Amber Orchard color palette (#F3E1D6, #DB7E00, #8A5600, #5A3B00, #2C3002)
• Softworn Coral color palette (#F5E3EB, #FF5B67, #C04A00, #804C00, #3F2D00)
• Softworn Marigold color palette (#FCDCCB, #D39800, #848400, #365F00, #004020)
• Hushed Bronze color palette (#F8D8CB, #9A6500, #5B4900, #242800, #000F01)
• Mustard Meadow color palette (#F9D8B0, #BAA600, #A36900, #8B3112, #1D2F00)
• Mustard Loft color palette (#FFECC0, #CCB100, #947A00, #5A4800, #261A00)
• Linen Amber color palette (#CDE4F1, #FF9ABE, #D97000, #492200, #251406)
• Ancient Thicket color palette (#FFF2EC, #F3B47B, #B5964C, #7E794A, #52524B)

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