Tangerine Grove color palette — #FFF1F4 · #FFBEBC · #FB6905 · #895F00 · #3D3600

Built around Tangerine, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Rose Quartz (#FFBEBC): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#FB6905): A luminous, vivid orange — the color of autumn markets.
• Ochre (#895F00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3D3600): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Energy, 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

• Frosted Veranda color palette (#FFF1F1, #FFAD89, #D17D00, #7E6600, #383C00)
• Linen Amber color palette (#FFE8E5, #D87900, #805D00, #3E3A00, #050E00)
• Pale Tangerine Station color palette (#F6D9D2, #FF9C76, #F76F00, #B75C00, #583000)
• Patina Coast color palette (#FFF0FE, #FFB7D4, #F44A63, #A43C02, #482900)
• Frosted Apricot color palette (#FFE1E4, #FF926F, #AB6300, #644800, #262500)
• Honey Lantern color palette (#FFF0F8, #FFC468, #CB7A4F, #8B4950, #2C2900)
• Muted Amber color palette (#FFF2EC, #FFD199, #BF9929, #637432, #114A46)
• Faded Sky color palette (#FFF1F7, #FFB47E, #2DBEFE, #BA6100, #003349)

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