Tangerine Grove color palette — #FFF0F8 · #FFB3B7 · #FB812C · #9F7E00 · #512E00

Tangerine takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Ballet Pink (#FFB3B7): A whisper-light, balanced red — the color of a theater curtain.
• Tangerine (#FB812C): A luminous, vivid gold — the color of afternoon light on wheat.
• Ochre (#9F7E00): A luminous, balanced green — the color of new leaves after rain.
• Espresso (#512E00): 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

• Wandering Coral color palette (#FFF0FC, #FFC3D6, #FF7468, #BD7500, #612200)
• Aged Meadow color palette (#E9FBE8, #FFAC96, #D9973E, #788700, #473100)
• Misty Moss Summit color palette (#FFF2EA, #FECEFD, #FFA57C, #85A700, #4A2D00)
• Frosted Grove color palette (#FFEBF6, #FFABF7, #FF8342, #929400, #261600)
• Amber Field color palette (#F2E4DA, #D68400, #976B00, #594D00, #214014)
• Timeworn Coral Courtyard color palette (#FFEDF4, #FF7A69, #CF6E00, #736700, #361F00)
• Tempered Mustard Delta color palette (#ECF9EF, #FFCCA9, #D5BB5D, #649157, #184532)
• Tangerine Orchard color palette (#E2F0E2, #F66B14, #A47A00, #566600, #1D1700)

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