Tangerine Grove color palette — #FFD2D2 · #FFA89A · #FF763D · #BE5D00 · #583200

A conversation between Tangerine and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFD2D2): A whisper-light, dusty red — the color of late-summer berries.
• Melon (#FFA89A): A luminous, balanced orange — the color of autumn markets.
• Tangerine (#FF763D): A luminous, vivid orange — the color of toasted spice.
• Ochre (#BE5D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#583200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: 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

• Airy Amber color palette (#FFE5DC, #FCA069, #DB8831, #A67004, #4C3A00)
• Linen Ember color palette (#FFF0F8, #FFBBBE, #F15C0B, #985700, #403100)
• Frosted Ember Veranda color palette (#F6D6E5, #FF8492, #D65F00, #865100, #523E00)
• Chalky Blush color palette (#FFD1E8, #FFA8C3, #FF688D, #D34F4B, #691E04)
• Hazy Meadow color palette (#FED6D8, #FA5751, #B93C00, #6B3200, #391E00)
• Timeworn Atelier color palette (#FFF3E8, #FFC699, #F09000, #A56400, #351C00)
• Ember Delta color palette (#FFF2EA, #FFAF84, #72CDFF, #DC6500, #00405B)
• Timeworn Parlor color palette (#FFDFC8, #F2C078, #CDA848, #978732, #484740)

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