Amber Pier color palette — #FEE0D0 · #D88800 · #947300 · #515200 · #283800

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

The five colors

• Shell Pink (#FEE0D0): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#D88800): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#947300): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#515200): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#283800): 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

• Powdered Mustard color palette (#F4E7DA, #DCA700, #988300, #576700, #2A4623)
• Tangerine Quarry color palette (#FADEDC, #F76412, #AB5600, #6C4800, #3C2F00)
• Amber Boulevard color palette (#F5E7D5, #A88B00, #6A6900, #274800, #00240C)
• Airy Moss color palette (#FDEDD1, #9EA745, #876F18, #6E4101, #262606)
• Worn Lime Market color palette (#E7E999, #A9B300, #6F7800, #474800, #171700)
• Antique Amber color palette (#D2E0F1, #FF9782, #AF8300, #372605, #150D01)
• Olive Alley color palette (#F3EDCB, #85A400, #3A9000, #005B36, #00332A)
• Feathered Indigo color palette (#EBDDBE, #C0AA28, #4D68E4, #736300, #17225A)

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