Amber Pier color palette — #FFEBE1 · #DF7300 · #9B5900 · #653C00 · #353400
Built around Tangerine, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Cream (#FFEBE1): A whisper-light, dusty orange — the color of autumn markets.
- Tangerine (#DF7300): A luminous, vivid gold — the color of old brass.
- Ochre (#9B5900): A full-bodied, balanced gold — the color of old brass.
- Bronze (#653C00): A deep, shadowed, balanced gold — the color of old brass.
- Espresso (#353400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, 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
- Washed Canyon color palette (#F9E1DE, #EE6845, #AA4200, #773600, #522D0F)
- Amber Ridge color palette (#F8E5E5, #F29B8A, #DB7821, #967300, #3D4300)
- Amber Market color palette (#FAE4CC, #B88F4A, #815B2B, #5E3A1A, #34302A)
- Bronze Study color palette (#FFE0C8, #A86700, #6D4600, #3F2B00, #191E00)
- Raspberry Villa color palette (#FFEBD6, #C57A00, #AA50A4, #7B4A00, #482845)
- Misty Balcony color palette (#FFD7A9, #DDA13E, #A07800, #6A550F, #42443D)
- Pine Corridor color palette (#F8E1C0, #9C7100, #008332, #913A44, #372812)
- Feathered Atelier color palette (#ECE8D7, #B0A100, #757500, #4C5500, #19452B)
Browse the whole catalog at Explore, or see today's palette.