Tangerine Drift color palette — #FFF0F8 · #F5814A · #588600 · #005362 · #230B3F

Tangerine takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Tangerine (#F5814A): A luminous, balanced orange — the color of sun-warmed clay.
• Olive Leaf (#588600): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005362): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#230B3F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, 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

• Worn Apricot Drift color palette (#FFF1F6, #ED8B00, #008D59, #00488F, #350320)
• Pale Emerald color palette (#FFF1F5, #E7AE72, #499E66, #00638F, #3C1D3F)
• Misty Blush Market color palette (#FAF2FE, #F178A7, #957000, #005747, #07183F)
• Frosted Rust color palette (#FFE8DF, #BE5754, #006733, #202A6F, #08093E)
• Nightshade Courtyard color palette (#DFFFE7, #BC9400, #007D6B, #181CAF, #290012)
• Washed Coral color palette (#FDECFB, #FF8A85, #00A6B5, #3774AB, #002D50)
• Bronze Thicket color palette (#FFEDF5, #B75F00, #005E1E, #00283D, #050004)
• Dusty Taupe color palette (#FFF0F8, #EACEA1, #9DA468, #517287, #2C3A4F)

Browse the whole catalog at Explore, or see today's palette.