Tangerine Grove color palette — #FFF3E2 · #FC7431 · #786C00 · #213880 · #1E0E00
Built around Tangerine, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
- Tangerine (#FC7431): A luminous, vivid orange — the color of toasted spice.
- Olive (#786C00): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#213880): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#1E0E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Creativity, 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
- Faded Blush color palette (#FFF4DC, #FC6988, #965C00, #004465, #270502)
- Patina Apricot Drift color palette (#FFF3E3, #FF9A49, #7D8524, #3F4B8A, #2E1E04)
- Weathered Olive Summit color palette (#FFF3E5, #D39400, #397E00, #423172, #161200)
- Ancient Grove color palette (#FFEBD1, #C17600, #475E00, #2B1469, #060300)
- Washed Ember Summit color palette (#FFF2EA, #E66600, #00755E, #2F2C72, #0A0132)
- Muted Coral color palette (#F5DAB2, #FF7E6F, #968B00, #4860AF, #391B01)
- Hushed Courtyard color palette (#D8E6D7, #B9535C, #5C4A00, #28007E, #1E0600)
- Hushed Basin color palette (#CCE6D1, #AE601A, #5A4C00, #00394B, #341F00)
Browse the whole catalog at Explore, or see today's palette.