Tangerine Workshop color palette — #F0DBE4 · #F47D11 · #908700 · #007545 · #410014

A conversation between Tangerine and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F0DBE4): A whisper-light, dusty rose — the color of strawberry cream.
• Tangerine (#F47D11): A luminous, vivid gold — the color of afternoon light on wheat.
• Olive Leaf (#908700): A luminous, balanced green — the color of new leaves after rain.
• Pine (#007545): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#410014): A deep, shadowed, balanced red — the color of late-summer berries.

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

• Hushed Archive color palette (#D3E8D3, #D69300, #699413, #007263, #3F0700)
• Aged Coral Atelier color palette (#EEDAEB, #ED7B78, #AF7700, #476F00, #3D002A)
• Ancient Amber color palette (#FDDEE9, #C77400, #674F28, #3F2831, #090205)
• Marigold Summit color palette (#F2DFC5, #DA9F00, #AA8800, #7A6700, #373200)
• Coral Veranda color palette (#EFDAEB, #FA7166, #AB7A00, #6C47B0, #3E0026)
• Pine Corridor color palette (#D5E5DC, #928200, #00783A, #004D53, #110400)
• Pale Ember Quarry color palette (#F3D9E8, #CF622D, #007463, #004869, #1C0B56)
• Aubergine Alley color palette (#FFF2EE, #E65F6C, #007744, #44008D, #12002B)

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