Tangerine Pier color palette — #EED7DE · #FFA7A5 · #FF7545 · #BD6900 · #5B3C00

Built around Tangerine, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#EED7DE): A whisper-light, dusty rose — the color of a warm blush.
• Rose Quartz (#FFA7A5): A luminous, balanced orange — the color of toasted spice.
• Tangerine (#FF7545): A luminous, vivid orange — the color of autumn markets.
• Ochre (#BD6900): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#5B3C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, 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

• Misty Ridge color palette (#FFE2F0, #FFA1B9, #FF6E7D, #D45515, #643400)
• Softworn Amber color palette (#FFE2E1, #FC9D7E, #D37D06, #9E6C00, #453B00)
• Ember Basin color palette (#FFF1F0, #FFB7A9, #FB5A26, #9E3E00, #562700)
• Wandering Canyon color palette (#EDDBD6, #E77400, #A16A00, #6F5300, #242200)
• Rose Grove color palette (#FCD8E1, #F35A5F, #C03A00, #713D00, #382200)
• Aged Rust color palette (#FFE6F5, #F9B97C, #DB8D6F, #B96169, #1C3E26)
• Misty Marigold Workshop color palette (#FFD8C6, #FDBE81, #D4A048, #8E873C, #404A20)
• Tempered Ember Boulevard color palette (#FFF0FA, #FFAE93, #5BC2FF, #F4632D, #003F5E)

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