Tangerine Grove color palette — #FFE9F4 · #FE6B04 · #8E9300 · #007976 · #2B0031
A conversation between Tangerine and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFE9F4): A whisper-light, dusty rose — the color of pressed rose petals.
- Tangerine (#FE6B04): A luminous, vivid orange — the color of toasted spice.
- Olive Leaf (#8E9300): A luminous, balanced green — the color of fresh herbs.
- Teal (#007976): A full-bodied, balanced teal — the color of glacier melt.
- Deep Indigo (#2B0031): A deep, shadowed, balanced pink — the color of peonies in June.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged jewel, vibrant.
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
- Feathered Tangerine Ridge color palette (#FFEFF6, #FB771F, #00A56A, #007D81, #2F032E)
- Muted Workshop color palette (#FFEAFE, #FF5A67, #BD7100, #008465, #18103A)
- Feathered Sapphire color palette (#FFEBF4, #EF7D06, #00A16B, #3A5BE8, #2D0500)
- Tempered Marigold color palette (#E9FBEB, #DB9F06, #00A4B8, #1A81AB, #24132C)
- Timeworn Amber Boulevard color palette (#FCE9F2, #DF6D00, #6D5611, #4A273A, #0F030E)
- Chalky Nightshade Bloom color palette (#CDEEE1, #8E8A00, #008470, #294AAA, #160100)
- Blush Bloom color palette (#F9E3A5, #FF8693, #C98617, #0066B3, #4D1000)
- Stone Workshop color palette (#FDF1F6, #EBB488, #A9A66C, #5199AE, #362F3F)
Browse the whole catalog at Explore, or see today's palette.