Amber Pier color palette — #F5E3D9 · #D18A1E · #977900 · #5F5B00 · #101C00
Mustard and Ochre set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F5E3D9): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mustard (#D18A1E): A luminous, balanced gold — the color of old brass.
- Ochre (#977900): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#5F5B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#101C00): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Powdered Bronze color palette (#FFE0DF, #E48466, #B86700, #714C00, #1B1400)
- Muted Amber color palette (#E6DED1, #D58100, #807A00, #005C83, #1F1400)
- Tempered Studio color palette (#F1DCC2, #AE8A00, #6F7700, #355200, #001002)
- Tempered Bronze Terrace color palette (#F7EAD5, #977400, #434609, #271B00, #030100)
- Powdered Tangerine Hollow color palette (#FFD1D6, #EC761D, #7B6000, #2D3500, #000502)
- Gentle Emerald color palette (#E3DFC7, #93AC4D, #469603, #006C3A, #001B15)
- Patina Ultramarine Bloom color palette (#FBEEDE, #C28000, #008668, #1931D1, #29000E)
- Bronze Pier color palette (#F1EAE3, #C1C1B3, #A5AD8D, #BC6700, #2A1C0F)
Browse the whole catalog at Explore, or see today's palette.