Patina Tangerine color palette — #F1DDDC · #FFA891 · #F87202 · #B66500 · #583800

Tangerine and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F1DDDC): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#FFA891): A luminous, balanced orange — the color of sun-warmed clay.
• Tangerine (#F87202): A luminous, vivid orange — the color of autumn markets.
• Ochre (#B66500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#583800): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Patina 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

• Weathered Amber color palette (#FFD5C6, #FFA468, #DA8C00, #9C7200, #483B00)
• Linen Ember Corridor color palette (#F7E0E6, #FF8277, #E46200, #855800, #4D4200)
• Washed Apricot Courtyard color palette (#FFE7F2, #EABF8E, #D59264, #B06B57, #443204)
• Linen Scarlet color palette (#EEDDE3, #FF96AB, #FF7174, #D2493C, #682604)
• Tangerine Cabin color palette (#F1DFDD, #F86642, #AA4E00, #6A3900, #321E00)
• Airy Amber color palette (#FFF1F7, #FFB176, #66CFFF, #D16F00, #004158)
• Pale Archive color palette (#FFE5D1, #D28500, #996D00, #695700, #222100)
• Quiet Mustard color palette (#FFE5CA, #EBC780, #C5A949, #938F3E, #464E23)

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