Tangerine Grove color palette — #FFF2EC · #FFD1C3 · #EB7438 · #9A5323 · #413B36

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Shell Pink (#FFD1C3): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#EB7438): A luminous, vivid orange — the color of autumn markets.
• Ochre (#9A5323): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#413B36): quiet, heavy and certain.

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

• Patina Marigold Garden color palette (#FFF3E8, #FFD9AE, #D79500, #896500, #423E38)
• Pale Grove color palette (#FFF1F5, #FFC4CF, #EB6B7D, #A75455, #5C312C)
• Pale Bronze Delta color palette (#FFE4E0, #E48D88, #B3603F, #805007, #574A21)
• Mallow Harbor color palette (#FFF2EB, #FFC5AF, #CFA4FF, #C86D4A, #502B3A)
• Weathered Apricot Cabin color palette (#FFD9DF, #FFB4AF, #E88C5D, #B08052, #49453E)
• Muted Amber color palette (#FFF3E7, #E4DBBD, #D88A2D, #87500F, #2F1800)
• Feathered Ember color palette (#FBE0D8, #DB5E00, #864300, #321900, #050200)
• Bronze Meadow color palette (#FFD7D8, #E19385, #B76643, #733700, #163115)

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