Tangerine Grove color palette — #FFF4DC · #FF7D42 · #8D7F00 · #375996 · #4E2C01

A conversation between Tangerine and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF4DC): A whisper-light, dusty gold — the color of honey in a jar.
• Tangerine (#FF7D42): A luminous, vivid orange — the color of toasted spice.
• Olive Leaf (#8D7F00): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#375996): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#4E2C01): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

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

• Hushed Amber Delta color palette (#FFEBD1, #E28A00, #678322, #4C4F85, #33302A)
• Airy Apricot color palette (#DEFFE5, #FFA769, #9E8400, #00627D, #3A2200)
• Hushed Study color palette (#FFF7C8, #FF7291, #B06B00, #00638A, #522720)
• Nightshade Alley color palette (#FFF3E3, #D76262, #6F6000, #2B3797, #562604)
• Faded Indigo color palette (#E0FFE0, #FFA3A5, #C3A319, #5A62D7, #572507)
• Powdered Field color palette (#FFF3E6, #C7A400, #169E52, #643D8E, #343A00)
• Worn Boulevard color palette (#FFF2EA, #F27000, #008C6E, #3C4E9B, #1E2A63)
• Antique Mustard Pier color palette (#FFDBCD, #D8B654, #87A27D, #616694, #593C50)

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