Tangerine Grove color palette — #FFD2CF · #FFA28E · #FF6935 · #C85300 · #602D00
Built around Tangerine, softened by Terracotta — the whole palette hums with optimism and warmth.
The five colors
- Shell Pink (#FFD2CF): A whisper-light, dusty orange — the color of sun-warmed clay.
- Melon (#FFA28E): A luminous, balanced orange — the color of sun-warmed clay.
- Tangerine (#FF6935): A luminous, vivid orange — the color of sun-warmed clay.
- Terracotta (#C85300): A full-bodied, vivid orange — the color of toasted spice.
- Cocoa (#602D00): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, 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
- Ember Loft color palette (#F0DFDA, #FF8655, #DB6500, #9F5100, #4D2800)
- Tempered Tangerine color palette (#FFEADD, #FEB589, #EE8252, #BC624D, #3A342F)
- Aged Ember color palette (#FFF1F4, #FFAEAE, #F95D1F, #914E00, #503600)
- Amber Studio color palette (#F2DBCD, #FFA54C, #DA8900, #AC7400, #4E3800)
- Powdered Rust color palette (#FFE1ED, #EF6784, #C14500, #643700, #2C2100)
- Blush Quarry color palette (#FFDAE8, #FF93BA, #FF5D8C, #DD3B5E, #6C2326)
- Hushed Ember Parlor color palette (#FFF2EA, #FFAF8D, #CB9EFF, #F46309, #482768)
- Wandering Terrace color palette (#FFF3E7, #DDDCC6, #FCD44A, #ED9267, #4D4842)
Browse the whole catalog at Explore, or see today's palette.