Amber Pier color palette — #F2DAD7 · #F8A480 · #D77D13 · #A27400 · #423800

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

The five colors

• Shell Pink (#F2DAD7): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#F8A480): A luminous, balanced orange — the color of autumn markets.
• Mustard (#D77D13): A luminous, balanced gold — the color of old brass.
• Ochre (#A27400): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#423800): 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

• Weathered Terrace color palette (#FFF1E9, #FFAB68, #CA7800, #774C00, #432D00)
• Amber Grove color palette (#F6E1D2, #E1AF67, #BA9800, #717900, #274517)
• Coral Terrace color palette (#F3E0E6, #F99DA7, #F2735D, #BD5200, #553200)
• Worn Dune color palette (#F4DDDA, #EC7130, #905800, #584000, #221F00)
• Dusty Corridor color palette (#F9E0E8, #A4CDB0, #C69256, #B16140, #12382B)
• Soft Marigold color palette (#FFF4DF, #EECE8A, #CB9B13, #946C00, #302300)
• Tempered Terrace color palette (#FDE8EF, #EBB276, #83B0FF, #CB7C00, #1C345F)
• Periwinkle Balcony color palette (#D6ECD4, #D9A25F, #3BACFF, #7B8DEC, #3E2500)

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