Amber Pier color palette — #F9D5E1 · #B18A00 · #9B5E00 · #832B00 · #0C0C00

A conversation between Mustard and Rust, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F9D5E1): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#B18A00): A luminous, balanced gold — the color of old brass.
• Ochre (#9B5E00): A full-bodied, balanced gold — the color of old brass.
• Rust (#832B00): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#0C0C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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

• Tempered Boulevard color palette (#D9F3DF, #929548, #876900, #703F00, #050F00)
• Bronze Archive color palette (#FAE2C8, #9F742D, #744700, #4B2500, #110A00)
• Feathered Amber color palette (#EFDAE4, #DBA760, #D66E1F, #A14F49, #092B1A)
• Powdered Grove color palette (#F6DAB0, #CFB937, #C38700, #AF5302, #242D00)
• Feathered Bronze color palette (#CDE8F6, #008AA4, #AC5400, #346300, #000608)
• Cobalt Bloom color palette (#DFEFFF, #2087D6, #893200, #00511F, #000205)
• Amber Workshop color palette (#F4E3E3, #BF9616, #0073A0, #002B3F, #000205)
• Tangerine Grove color palette (#FFE6F6, #FCB77A, #EB835E, #B3656D, #1D3E25)

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