Tangerine Grove color palette — #FFD7EE · #FFADAC · #F08108 · #8E7300 · #2C4100

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

The five colors

• Shell Pink (#FFD7EE): A whisper-light, dusty pink — the color of peonies in June.
• Rose Quartz (#FFADAC): A whisper-light, balanced orange — the color of toasted spice.
• Tangerine (#F08108): A luminous, vivid gold — the color of honey in a jar.
• Ochre (#8E7300): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#2C4100): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged 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

• Marigold Meadow color palette (#FFDAE1, #FFAA7E, #D19700, #727C19, #003E14)
• Sunlit Coral Harbor color palette (#F3DBFF, #FFA3D4, #FF7373, #B36E00, #393200)
• Amber Ridge color palette (#FFDAD9, #FF9569, #C96F00, #7E5400, #3B3200)
• Feathered Tangerine Loft color palette (#EFDBD9, #F6770E, #967E00, #476000, #00190C)
• Washed Corridor color palette (#FCDEEC, #F37B0C, #72682C, #533946, #170E17)
• Amber Canyon color palette (#DBFFEC, #FFA1B3, #C79400, #3880B9, #51281D)
• Pale Basin color palette (#EBDBD0, #EBB200, #7FA100, #00804B, #003433)
• Quiet Pine Boulevard color palette (#F5E6D1, #808700, #007226, #00433B, #000305)

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