Weathered Tangerine color palette — #FFF0F8 · #F46E00 · #408D00 · #005E79 · #431A56

A conversation between Tangerine and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Tangerine (#F46E00): A luminous, vivid orange — the color of toasted spice.
• Olive Leaf (#408D00): A full-bodied, vivid green — the color of fresh herbs.
• Peacock (#005E79): A full-bodied, balanced blue — the color of deep harbor water.
• Royal Purple (#431A56): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

Use it as a design system

One click turns Weathered Tangerine 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

• Airy Amber color palette (#FAD6E5, #C56C00, #00782E, #004869, #370139)
• Tempered Blush color palette (#FFEFFF, #FF586F, #867900, #00635D, #212963)
• Faded Amber color palette (#E7FCE9, #C98F00, #008C71, #324F9E, #5A072F)
• Antique Market color palette (#FFF0F9, #D34900, #006A53, #00436E, #1E2470)
• Washed Mustard color palette (#FEF5DB, #C2B103, #00974C, #005D62, #002244)
• Patina Terrace color palette (#FFF2EF, #FF8EB2, #97A200, #007CBB, #5D002D)
• Mustard Boulevard color palette (#FFE5D8, #E3B464, #979A6B, #427D95, #304671)
• Navy Ridge color palette (#D6E8D8, #976C00, #00624A, #002F6D, #260019)

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