Amber Pier color palette — #FFEADE · #C57B00 · #8B6C00 · #4A4A00 · #060B00

Built around Mustard, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Cream (#FFEADE): A whisper-light, dusty gold — the color of old brass.
• Mustard (#C57B00): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#8B6C00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#4A4A00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#060B00): A deep, shadowed, dusty 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

• Quiet Moss color palette (#F8EBD5, #A08D00, #697A00, #1E5B00, #000D05)
• Aged Station color palette (#F0E0C1, #C17300, #726B00, #004E6E, #120900)
• Patina Ember color palette (#F7D9D9, #F04B00, #AB5700, #684400, #0D0900)
• Patina Pier color palette (#FCE2DC, #D37200, #684E00, #222400, #000200)
• Velvet Bronze color palette (#D7F3DD, #866500, #343500, #000A02, #060002)
• Worn Navy Workshop color palette (#DAF1D8, #AF7200, #007657, #00389E, #160008)
• Mustard Courtyard color palette (#F5E0D0, #EEAB00, #AA9300, #677400, #0D2E00)
• Weathered Drift color palette (#FAE9F0, #A2BEB6, #76AAA6, #A75B0B, #1F0D16)

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