Soft Tangerine Pier color palette — #FFF0F9 · #F36D32 · #458B2A · #005D82 · #54004F

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 (#FFF0F9): bright and airy, almost weightless.
• Tangerine (#F36D32): A luminous, vivid orange — the color of autumn markets.
• Olive Leaf (#458B2A): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005D82): A full-bodied, balanced blue — the color of open sky before noon.
• Royal Purple (#54004F): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

Use it as a design system

One click turns Soft 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

• Quiet Coral color palette (#FFF0FD, #FF5C5B, #728100, #00606E, #3F1A5E)
• Amber Courtyard color palette (#E8FCE7, #D08B00, #008E59, #005A8D, #520352)
• Antique Garden color palette (#F6D7E6, #CD6500, #00782B, #00476E, #3B0031)
• Quiet Taupe color palette (#EBF9EE, #C2A052, #239384, #515891, #58262D)
• Aubergine Study color palette (#D2F0E2, #959100, #00787C, #4E1EA6, #4B000A)
• Peony Corridor color palette (#FAF2FF, #F35CA4, #9A6F00, #00654D, #002E66)
• Muted Amber Workshop color palette (#FFE2EF, #C96900, #2D4E33, #371D2A, #190D16)
• Softworn Stone color palette (#FFE4DA, #D6B181, #9B9A69, #38758A, #2C4A70)

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