Amber Pier color palette — #F7DFFF · #FFB7B4 · #F08971 · #CC7212 · #604317

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

The five colors

• Blush (#F7DFFF): A whisper-light, dusty pink — the color of a candy shop window.
• Rose Quartz (#FFB7B4): A whisper-light, balanced orange — the color of autumn markets.
• Salmon (#F08971): A luminous, balanced orange — the color of autumn markets.
• Mustard (#CC7212): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#604317): A full-bodied, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, 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

• Amber Corridor color palette (#FEDAF3, #FABC96, #E39D4D, #AB8600, #4A4616)
• Hushed Rust color palette (#EBE6FF, #F7B1D1, #ED8799, #C85C54, #633727)
• Patina Tangerine Courtyard color palette (#FFF2F0, #FFCABD, #EA7850, #A75A2E, #533018)
• Driftwood Study color palette (#FFF0F9, #E9C5D2, #DA9B81, #B97174, #2A4431)
• Ember Studio color palette (#F9D6DB, #DC5349, #A85000, #674100, #1E1300)
• Airy Tangerine color palette (#FFF0F9, #FABBA2, #77C9F3, #F47337, #004965)
• Aged Iris color palette (#FFF1F7, #F0AD7F, #60C2E9, #8497E4, #4A2E3B)
• Gentle Field color palette (#FFECDB, #D59C1B, #948B00, #5B7500, #003C0B)

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