Tangerine Studio color palette — #F0D8D7 · #EF773D · #8D6F00 · #424E00 · #002911

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

The five colors

• Shell Pink (#F0D8D7): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#EF773D): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#8D6F00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#424E00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#002911): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Sunlit Apricot color palette (#FFE5E3, #F29542, #9B7F00, #416200, #00372B)
• Antique Meadow color palette (#F8E6F2, #F96E81, #B75B00, #5B4700, #1B2B00)
• Apricot Drift color palette (#FFF2EF, #F8A46A, #A37300, #484C00, #071600)
• Antique Amber color palette (#FCD6CE, #BD7D00, #716800, #00460E, #001813)
• Feathered Ember color palette (#F2DBB1, #F35718, #687000, #2D4285, #361E00)
• Amber Terrace color palette (#F4E1CD, #DFAB57, #B58D00, #7B6A00, #242400)
• Weathered Olive color palette (#EFE3D9, #B6A100, #4E8700, #005843, #002D32)
• Muted Bronze color palette (#F5EDE8, #E2D6C3, #BBB8A1, #9D6042, #372B23)

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