Tangerine Drift color palette — #FFF0F8 · #F26D00 · #4D7A00 · #004854 · #190038
Built around Tangerine, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Tangerine (#F26D00): A luminous, vivid orange — the color of sun-warmed clay.
- Olive (#4D7A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#004854): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#190038): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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
- Faded Rose color palette (#FFEFFF, #FF536D, #756D00, #004949, #110040)
- Patina Amber Quarry color palette (#FFF1F5, #D88300, #007F53, #003E7C, #280018)
- Muted Marigold Harbor color palette (#E8FBEA, #E0A200, #009470, #004F9E, #40002F)
- Powdered Bronze color palette (#F7DAC5, #B05400, #005855, #00323E, #18002A)
- Aubergine Station color palette (#E0F9EF, #7A8200, #005862, #340059, #050000)
- Muted Canyon color palette (#FFDBF5, #FF7B5F, #009CAA, #006DAA, #002641)
- Dusty Bronze Archive color palette (#FFE2C6, #9E5C00, #4D5000, #003D27, #4A0016)
- Lowlit Bronze Grove color palette (#FFE6F0, #B66800, #382900, #100500, #040002)
Browse the whole catalog at Explore, or see today's palette.