Tangerine Drift color palette — #F4D7D1 · #F97718 · #A06F00 · #615600 · #273800
A conversation between Tangerine and Ochre, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F4D7D1): A whisper-light, dusty orange — the color of autumn markets.
- Tangerine (#F97718): A luminous, vivid orange — the color of toasted spice.
- Ochre (#A06F00): A full-bodied, balanced gold — the color of honey in a jar.
- Olive (#615600): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#273800): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Tangerine Drift 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
- Amber Dune color palette (#F8DBC9, #D07800, #825C00, #514100, #342F00)
- Marigold Lantern color palette (#FFE6D4, #D59900, #818200, #2F6B00, #00422A)
- Wandering Coral Meadow color palette (#F5E2E6, #FF5969, #CC5100, #7C4E00, #443500)
- Aged Bronze Loft color palette (#F1DED4, #936800, #504900, #1D2A00, #000C01)
- Misty Rust color palette (#FFF3E4, #D0EEA5, #00D8C3, #CC593B, #423A00)
- Powdered Grove color palette (#C5E9C9, #ACAB2B, #9B6E00, #873700, #133103)
- Muted Mustard Workshop color palette (#F6EE85, #CCB300, #8F7A00, #524900, #1F1A00)
- Wandering Taupe Cabin color palette (#FFF0F9, #F0BE96, #B09952, #777741, #23554F)
Browse the whole catalog at Explore, or see today's palette.