Tangerine Villa color palette — #FFDFDC · #FE652E · #B55C00 · #7F4B00 · #412C00

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

The five colors

• Shell Pink (#FFDFDC): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#FE652E): A luminous, vivid orange — the color of autumn markets.
• Ochre (#B55C00): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#7F4B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#412C00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Pale Scarlet color palette (#FFE6E9, #FF6E69, #D83B00, #943B00, #512900)
• Amber Lagoon color palette (#FFE0D5, #FF9F6F, #C96700, #733E00, #3F2400)
• Feathered Amber color palette (#F0E1D7, #D98B00, #9C7700, #635700, #343600)
• Pale Apricot Alley color palette (#FFDDC3, #F99329, #0084C1, #9A5500, #00324C)
• Lime Market color palette (#FFF3E7, #FED564, #ABCB42, #BC572B, #4D3400)
• Bronze Chapel color palette (#F1D9CB, #9F5B00, #644300, #352600, #0A0800)
• Apricot Studio color palette (#FFF0FA, #FCB184, #CA9260, #896D44, #3C5643)
• Faded Byzantium color palette (#FDE8D4, #C47800, #00948B, #8B47C1, #361D00)

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