Tangerine Harbor color palette — #FFF0E7 · #FF6A2B · #819000 · #008452 · #00181B

Tangerine takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF0E7): A whisper-light, dusty gold — the color of old brass.
• Tangerine (#FF6A2B): A luminous, vivid orange — the color of sun-warmed clay.
• Olive Leaf (#819000): A luminous, balanced green — the color of fresh herbs.
• Fern (#008452): A full-bodied, balanced teal — the color of sea glass.
• Ink (#00181B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Worn Garden color palette (#FFEBD8, #E48400, #2CA810, #008177, #001924)
• Chalky Cabin color palette (#DCFEED, #00B2DE, #9B8F00, #00802E, #001C1B)
• Magenta Cabin color palette (#FFEAEE, #EA5AFF, #F14700, #916900, #160B31)
• Gentle Coral Parlor color palette (#FFE0D4, #FF7873, #BA7B00, #5A7200, #42003A)
• Hazy Terrace color palette (#FFDEBF, #FF859D, #FD361F, #796D00, #4B1119)
• Hazy Moss color palette (#EFE9D2, #8E9500, #007E79, #005E80, #10000B)
• Hushed Summit color palette (#FBF2FA, #96BCFB, #84B775, #3E9D8C, #24362D)
• Aged Magenta color palette (#F7F3FF, #D800BF, #4D6D00, #295100, #00030C)

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