Amber Pier color palette — #FFF2EF · #FFCFC4 · #E9A886 · #BE7D20 · #5D4700

Mustard and Melon set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Shell Pink (#FFCFC4): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#E9A886): A luminous, balanced orange — the color of autumn markets.
• Mustard (#BE7D20): A luminous, balanced gold — the color of old brass.
• Bronze (#5D4700): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged light, 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 Balcony color palette (#F6F3FF, #EADAD5, #F09E74, #947738, #374403)
• Dusty Stone color palette (#FFEDEE, #F8A696, #AD7655, #754F21, #382B00)
• Chalky Amber Atelier color palette (#FEE4D9, #EDA360, #B28600, #766C00, #1D2700)
• Coral Bloom color palette (#FFF1F3, #FFCBCC, #E0A0AF, #CB7171, #742E0B)
• Cocoa Corridor color palette (#FFF4E2, #F9C0BA, #CEA57C, #349D9E, #6E360A)
• Misty Moss Corridor color palette (#FFF3E8, #F2D8B3, #C8B674, #8B9934, #315313)
• Tempered Dune color palette (#FBF3F1, #DCD9D3, #DDA4A4, #A5B6B4, #5A504D)
• Weathered Rust color palette (#FFE3E2, #C35A34, #8C4C00, #4F3700, #030200)

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