Amber Pier color palette — #FFF1F6 · #CD7000 · #008387 · #3D4681 · #120616

A conversation between Mustard and Navy, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#CD7000): A luminous, balanced gold — the color of honey in a jar.
• Teal (#008387): A full-bodied, balanced teal — the color of sea glass.
• Navy (#3D4681): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#120616): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Creativity, Balance. Tagged jewel, vibrant.

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

• Faded Ember color palette (#FFF0FB, #EA573F, #008263, #004874, #100A1E)
• Amber Canyon color palette (#E8FBED, #AC9200, #00759D, #5B3574, #12030E)
• Faded Lagoon color palette (#E5FCEB, #CAA000, #008A74, #274686, #340621)
• Timeworn Summit color palette (#ECF9EE, #DBA738, #0098B7, #67588E, #22131F)
• Dusty Marigold Villa color palette (#E8FAEF, #C59E00, #2CA87F, #2974A9, #28182D)
• Mustard Station color palette (#E3FDE8, #E4AD2F, #72883A, #265284, #0D281A)
• Tempered Navy Pier color palette (#F5F2E4, #727700, #005930, #1C2076, #160500)
• Quiet Aubergine color palette (#E1FFE3, #936100, #004856, #290062, #030003)

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