Tangerine Drift color palette — #FFF0F9 · #FFBDA6 · #8FB81F · #FC6227 · #00231C
Built around Tangerine, softened by Lime — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Melon (#FFBDA6): A whisper-light, balanced orange — the color of toasted spice.
- Lime (#8FB81F): A luminous, vivid green — the color of a quiet forest floor.
- Tangerine (#FC6227): A luminous, vivid orange — the color of toasted spice.
- Onyx (#00231C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Energy, Balance. Tagged duotone.
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
- Tangerine Workshop color palette (#FDF1F7, #FFBE97, #00C67E, #EC7400, #002413)
- Misty Peony Studio color palette (#FBF1FE, #FFB8CA, #A0B400, #FF4C8F, #00241A)
- Weathered Grove color palette (#FFF1F6, #FFCDA3, #A79200, #B66800, #000E06)
- Tempered Amber color palette (#ECF9EE, #F3C872, #00C0B4, #C49100, #002320)
- Tempered Indigo color palette (#E6FDE5, #FFAA63, #9FB123, #7957CE, #473100)
- Dusty Apricot color palette (#FDF3EB, #FCA25A, #A18300, #B25E00, #271A00)
- Weathered Balcony color palette (#FFDDD2, #FFB353, #BDA000, #6B8300, #00451C)
- Quiet Amethyst color palette (#FFF0FB, #FF9681, #07B56A, #724EF4, #5E0900)
Browse the whole catalog at Explore, or see today's palette.