Tangerine Studio color palette — #FDE1DC · #F66C00 · #9D5D00 · #6F4D00 · #324614

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

The five colors

• Rose Water (#FDE1DC): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#F66C00): A luminous, vivid orange — the color of autumn markets.
• Ochre (#9D5D00): A full-bodied, balanced gold — the color of old brass.
• Bronze (#6F4D00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#324614): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Energy, 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 (#F5D9DE, #FF8656, #C47000, #7D6300, #454100)
• Tempered Pier color palette (#FFF5DA, #E29E00, #886200, #4B3700, #312000)
• Sapphire Cabin color palette (#FFF3E7, #E38B24, #1F68DF, #854C00, #1E3967)
• Worn Scarlet Veranda color palette (#FADBE6, #FF5982, #CF251E, #7D3800, #463C00)
• Quiet Study color palette (#FFD6A8, #BF9700, #787A00, #3B5A00, #00491F)
• Dusty Straw Lantern color palette (#FFF3E6, #E4E680, #8DC890, #AE5A4D, #47443D)
• Feathered Ultramarine Corridor color palette (#FFE7C7, #AA7300, #0075C7, #2359BE, #432B02)
• Timeworn Harbor color palette (#FAE7EE, #51C9FE, #F6870F, #413309, #2D2115)

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