Tangerine Pier color palette — #F0F5FF · #9BB4FF · #EF6C1E · #668100 · #003B20

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

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#9BB4FF): A luminous, balanced violet — the color of wild irises.
• Tangerine (#EF6C1E): A luminous, vivid orange — the color of sun-warmed clay.
• Olive Leaf (#668100): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003B20): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Airy Ridge color palette (#EEF1FF, #B89FFF, #C0862C, #4F7E3C, #003330)
• Gentle Coral color palette (#EEF6FF, #80BBFF, #E6705C, #AE5D00, #003C0E)
• Peony Meadow color palette (#EBF7FF, #3AC7FB, #E5669A, #618300, #003B21)
• Washed Boulevard color palette (#E3EFFF, #D5C2F2, #D198B8, #64977A, #1F573B)
• Misty Fuchsia Delta color palette (#E7E4FF, #DD73FF, #AE8200, #007485, #002838)
• Aged Grove color palette (#F6F3FF, #EB81DE, #D73E4A, #714600, #1E2500)
• Aged Mallow Orchard color palette (#F6F3FE, #EDB1E0, #B5AB6C, #5590A8, #26465A)
• Worn Harbor color palette (#E4E8F8, #8C75FF, #AE5700, #005F53, #001615)

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