Tangerine Grove color palette — #FFF2EA · #FFBBC1 · #FF7E3F · #977700 · #522B00

Tangerine and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Ballet Pink (#FFBBC1): A whisper-light, dusty red — the color of embers at dusk.
• Tangerine (#FF7E3F): A luminous, vivid orange — the color of autumn markets.
• Ochre (#977700): A full-bodied, balanced gold — the color of old brass.
• Espresso (#522B00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged candy, vibrant, light, warm.

Use it as a design system

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

• Airy Amber Studio color palette (#FFF3E6, #FFAEA4, #DB8D00, #787400, #3B2800)
• Ancient Apricot color palette (#FFD4BA, #E39030, #966B00, #675100, #2C4617)
• Quiet Moss color palette (#FFF0F8, #FFCAEF, #FFA27B, #8BA300, #503300)
• Chalky Pier color palette (#FFF2EE, #FFA7E4, #FF7090, #B95800, #5B1117)
• Weathered Hollow color palette (#FCF4E8, #FFCEB1, #D1AB39, #709029, #423F39)
• Patina Tangerine color palette (#FFEEE4, #FEB5FB, #FF7D49, #679600, #271400)
• Soft Quarry color palette (#FFE7CB, #F2803E, #B47600, #4E6100, #1A1200)
• Soft Mustard Station color palette (#FFF5D4, #F1AD00, #9B9300, #00864E, #233000)

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