Amber Pier color palette — #F0DAD0 · #CD8B00 · #7A6D00 · #3C4E00 · #022C03

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

The five colors

• Bone (#F0DAD0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#CD8B00): A luminous, balanced gold — the color of old brass.
• Olive (#7A6D00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#3C4E00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#022C03): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Dusty Moss color palette (#F6E9CE, #B19D00, #597800, #005627, #00312C)
• Worn Amber color palette (#FCEBDD, #AC8100, #656100, #293F00, #001C0F)
• Honey Ridge color palette (#FFF3E4, #FFC744, #B09700, #696A00, #2A3700)
• Quiet Coral Quarry color palette (#FFDBDC, #EF7F5D, #955A00, #5B4400, #222400)
• Weathered Olive Parlor color palette (#F5E8C8, #91A97C, #786D00, #603900, #002313)
• Lime Lantern color palette (#EFF9BD, #96BB58, #607B00, #343F00, #121400)
• Weathered Bronze color palette (#FFF1CD, #C5F7C2, #38CDEA, #AC5100, #132D00)
• Violet Thicket color palette (#FFF0D3, #C2A625, #8355CF, #6C5A00, #2A0354)

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