Tangerine Lantern color palette — #FFF0F9 · #FF793B · #80A000 · #007B51 · #320F02

Tangerine and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Tangerine (#FF793B): A luminous, vivid orange — the color of autumn markets.
• Olive Leaf (#80A000): A luminous, vivid green — the color of new leaves after rain.
• Teal (#007B51): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#320F02): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Emerald Harbor color palette (#FFF1F6, #D8893B, #48A052, #00705E, #250B17)
• Antique Apricot color palette (#FFF0F9, #FF885E, #9A7A00, #196202, #420026)
• Pale Ember Grove color palette (#FFF0F8, #DB5F00, #5B8600, #005D3B, #14010C)
• Sunlit Terrace color palette (#EBF7FF, #00B7E5, #989800, #187D12, #001E2E)
• Airy Teal Corridor color palette (#EAFAEE, #CFAF4F, #00B89B, #0A818F, #162A1D)
• Hazy Veranda color palette (#FFF1F5, #FFA394, #CE6300, #4C6200, #43190C)
• Wandering Fuchsia color palette (#F7F3FF, #F467D8, #D67500, #806300, #201431)
• Gentle Moss color palette (#D9FFF2, #879E00, #008F9A, #005C7F, #0B0F00)

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