Amber Pier color palette — #FFF1F4 · #D5A5EE · #B57E00 · #00696F · #132B4C

A conversation between Mustard and Lavender, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#D5A5EE): A luminous, balanced violet — the color of twilight just after sunset.
• Mustard (#B57E00): A luminous, balanced gold — the color of honey in a jar.
• Peacock (#00696F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#132B4C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged cool.

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

• Moss Orchard color palette (#FFF1F2, #EB9ED2, #88922D, #1B5E9A, #122B4D)
• Airy Amber Parlor color palette (#FEF1F9, #A8B5FF, #C47050, #006D50, #00332F)
• Weathered Jade color palette (#FFF2F0, #FFB2CB, #84A668, #516A9E, #472F44)
• Dusty Mallow color palette (#FBF1FF, #FF9BBD, #CF8F68, #847F40, #383253)
• Coral Lagoon color palette (#FFF2F0, #FFD0D4, #F97E68, #A25E25, #4A443E)
• Lilac Field color palette (#F0F0FE, #A17ABE, #596E22, #004959, #00232C)
• Patina Peony color palette (#F9F2FF, #BA6C8F, #865900, #005732, #003C5B)
• Bronze Terrace color palette (#FFEFE3, #B85E00, #005959, #3B004D, #040006)

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