Tangerine Villa color palette — #FFF2EB · #FB6521 · #538900 · #005F77 · #441759

Built around Tangerine, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Tangerine (#FB6521): A luminous, vivid orange — the color of toasted spice.
• Olive Leaf (#538900): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005F77): A full-bodied, balanced blue — the color of deep harbor water.
• Royal Purple (#441759): 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 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

• Coral Basin color palette (#FFF2ED, #FF5B5E, #7C7D00, #006264, #2C2268)
• Muted Amber Basin color palette (#FDEFE2, #D57C00, #128756, #285181, #491432)
• Tempered Amber Ridge color palette (#F1DDCF, #CE6400, #3C7400, #004B5A, #29094A)
• Chalky Rust color palette (#FFF2EB, #CC5113, #00695B, #004857, #341C69)
• Nightshade Study color palette (#ECEBBC, #969100, #007977, #3B2BA9, #49001D)
• Mustard Lantern color palette (#FFE6DB, #E8B87F, #9E9E6B, #527A67, #5A3E5B)
• Weathered Bronze color palette (#EFE1D0, #9D6800, #006340, #00355B, #240020)
• Faded Fuchsia color palette (#F6F3FF, #E781EA, #00927F, #005978, #1F0362)

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