Luxury Navy Color Palettes

How to use these palettes

Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for consulting sites, finance products, and premium SaaS. Use navy as the trust anchor and add a small warm metallic accent for depth.

Luxury palettes keep metallic or deep tones as accents while preserving a clear text and surface pair for editorial layouts.

CSS Variables

:root {
  --primary: #3169D8;
  --accent: #63D651;
  --surface: #EBEDF4;
  --text: #121621;
  --support: #CE829C;
}