Tangerine Villa color palette — #FFF2EC · #FE7629 · #0076BC · #4950A4 · #1B0500

A conversation between Tangerine and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Tangerine (#FE7629): A luminous, vivid orange — the color of autumn markets.
• Cerulean (#0076BC): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#4950A4): A full-bodied, balanced violet — the color of wild irises.
• Ink (#1B0500): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Creativity, 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

• Indigo Field color palette (#DFFFE3, #CE9A28, #5363D2, #6F449C, #130B00)
• Linen Cabin color palette (#FFF1F7, #FF9D53, #4C84D6, #7168A8, #2B111F)
• Worn Alley color palette (#FFF2EF, #FF402F, #008FB5, #007696, #210100)
• Powdered Coast color palette (#FFD9B4, #AB6800, #3D5CD8, #354D9D, #030100)
• Hushed Corridor color palette (#F1DBC7, #9D5700, #006982, #005085, #321800)
• Patina Peony Atelier color palette (#FFF1F5, #FF248D, #009595, #007A7B, #1F000C)
• Byzantium Pier color palette (#FFF8BB, #BEAE2A, #8F47EB, #9E009A, #161300)
• Linen Workshop color palette (#E0FFE4, #EEAE00, #94A3F7, #7F8CD0, #1B311F)

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