Color Family

Amber

Golden hour hues crafted for premium commerce, luxury hospitality, and data highlights.

LuxuriousWarmCelebratory

Positioning DNA

Amber sits between Orange and Yellow, offering the richness of molten metal with better legibility. It photographs like jewelry, which is why hospitality and premium commerce brands lean on it for accents.

Deploy Amber 400-500 as focus states or KPI highlights when you want sophistication without aggression. The deeper 700-900 values can entirely replace gold gradients in CSS-only implementations.

UX Applications

  • Luxury e-commerce product cards and price tags
  • Data highlights inside executive dashboards
  • Certificate or badge systems that require gold styling

Sample Palette

Drop-in hex codes with usage notes

FAQ

Can Amber replace metallic gold in CSS?

Yes. Layer Amber 700, 500, and 200 in a gradient to simulate metal without images. Add a subtle noise overlay if you want extra realism.

What neutrals pair best with Amber?

Stone, Neutral, and rich Slate backgrounds all let Amber glow without overwhelming the interface.