Weathered Tangerine color palette — #F1DAE5 · #F77918 · #00998A · #3D5DA9 · #1E1546

A conversation between Tangerine and Cobalt, giving this palette its sense of optimism and creativity.

The five colors

• Shell Pink (#F1DAE5): A whisper-light, dusty rose — the color of a warm blush.
• Tangerine (#F77918): A luminous, vivid gold — the color of afternoon light on wheat.
• Fern (#00998A): A luminous, balanced teal — the color of shallow lagoons.
• Cobalt (#3D5DA9): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#1E1546): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Optimism, Creativity, Balance. Tagged cool.

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

• Frosted Field color palette (#FFECF4, #FC9346, #00AB90, #7165A3, #2D2052)
• Feathered Marigold Workshop color palette (#D2E8D4, #D29500, #00969D, #714C9D, #2B0848)
• Soft Blush color palette (#ECDBED, #FF687D, #3A9C2E, #00689D, #002237)
• Hazy Amber Atelier color palette (#E0F3E1, #BD8300, #008096, #3F4698, #240022)
• Mustard Hollow color palette (#FEEAE1, #CDB26E, #85A684, #657293, #2F3158)
• Aubergine Workshop color palette (#D9F1E0, #9D7C00, #007084, #690082, #110017)
• Aged Rose color palette (#FFF2EF, #E65B7B, #007555, #432171, #13002A)
• Emerald Loft color palette (#D2ECDA, #ADC667, #52A660, #806B8F, #003126)

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