Amber Pier color palette — #FDE8F0 · #C87200 · #00774C · #814700 · #000202
A conversation between Mustard and Pine, giving this palette its sense of nature and growth.
The five colors
- Blush (#FDE8F0): A whisper-light, dusty rose — the color of a warm blush.
- Mustard (#C87200): A luminous, balanced gold — the color of old brass.
- Pine (#00774C): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#814700): A full-bodied, balanced gold — the color of honey in a jar.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.
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
- Amber Archive color palette (#D8EEDF, #A48800, #00746A, #695600, #000202)
- Sunlit Terracotta color palette (#F8E9F4, #D26554, #646A00, #A50E00, #000201)
- Aubergine Pier color palette (#FDE7EE, #957600, #117530, #45156A, #030400)
- Bronze Pier color palette (#F6DFC8, #9C8200, #516800, #004E27, #000503)
- Wandering Aubergine Market color palette (#D5E6D6, #976700, #006364, #55006D, #060002)
- Muted Chestnut Drift color palette (#E2EDE5, #93A4A5, #6E8F99, #796000, #010D04)
- Dusty Mustard color palette (#DBEEE4, #B8AE00, #00959B, #817900, #000405)
- Dusty Dune color palette (#DCECDE, #9C7200, #374100, #392800, #000201)
Browse the whole catalog at Explore, or see today's palette.