Amber Pier color palette — #F9E0DD · #E67019 · #946B00 · #5C5600 · #1D3500

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

The five colors

• Shell Pink (#F9E0DD): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#E67019): A luminous, vivid orange — the color of autumn markets.
• Ochre (#946B00): A full-bodied, balanced gold — the color of old brass.
• Olive (#5C5600): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#1D3500): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

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

• Gentle Bloom color palette (#FADDCC, #C07100, #795500, #4B3E00, #2E2B00)
• Washed Marigold Harbor color palette (#F7E1D7, #DD9842, #A78200, #5C6200, #29431B)
• Dusty Coral color palette (#FFDCE6, #F86A6B, #B25500, #724800, #393200)
• Misty Bronze color palette (#F8E3C5, #947C00, #416000, #004117, #001E14)
• Antique Bronze color palette (#F4E9D9, #9FA460, #916A00, #7B3600, #24260A)
• Patina Olive Canyon color palette (#F3EADD, #AA9900, #587F00, #005F2A, #00382E)
• Powdered Mustard Coast color palette (#EFE9B0, #B6AE33, #7E7200, #4A4300, #191200)
• Feathered Indigo color palette (#EFDBBE, #D4A028, #4F64EC, #805D00, #19215A)

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