Amber Pier color palette — #FDF2F6 · #C7DEE3 · #B9B8C2 · #CA7C3F · #3F3037

Mustard takes the lead with Silver close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FDF2F6): a clean, paper-quiet neutral.
• Silver (#C7DEE3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Ash (#B9B8C2): a calm mid-gray that lets other colors speak.
• Mustard (#CA7C3F): A luminous, balanced gold — the color of afternoon light on wheat.
• Espresso (#3F3037): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Worn Taupe color palette (#EEF8F3, #CCE2E7, #C6C5CF, #9C944E, #293931)
• Worn Hollow color palette (#FAF2FB, #E9D6D9, #BEB0A6, #CB7385, #3C303E)
• Timeworn Bronze color palette (#FCF2F5, #C8DCE3, #ABC7CB, #A06825, #261B1E)
• Hushed Bronze Thicket color palette (#F9F4EF, #DADACF, #C5BBA5, #9C5600, #5E3400)
• Wandering Straw color palette (#FFF2EA, #F6DF86, #83AB8C, #7A6897, #45345F)
• Washed Abyss Corridor color palette (#D5E5E3, #9EC3C6, #7997A2, #09490E, #000201)
• Quiet Nightshade Market color palette (#DFFFE2, #FFA76C, #8B8F05, #444AA4, #122F14)
• Ancient Amber Boulevard color palette (#E0FEE7, #B58B00, #344206, #051A0C, #040002)

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