What colors are in the Private Wealth palette?

The Private Wealth palette has 5 colors: #0A1428, #16294B, #3E5C8A, #B08D3F, #EFEADD.

Where can I use this palette?

It's a Dark palette — well suited to dark mode, dashboards, gaming ui, hero sections.

Is the Private Wealth palette accessible?

Its darkest and lightest colors have a contrast ratio of 15.29:1. 5 color pairs in it meet WCAG AA for text.

How do I use this palette in CSS?

Copy the CSS custom properties (:root variables) from the Export section, or grab any single hex with one click.

Can I export the Private Wealth palette?

Yes — export to CSS, SCSS, Tailwind config or JSON, or copy all hex codes at once.

Text #0A1428 Graphite Secondary #16294B Prussian Blue Accent #3E5C8A Lapis Lazuli Primary #B08D3F Dark Goldenrod Surface #EFEADD Eggshell

Private Wealth

Luxury Private banking 5 colors

Midnight navy with a restrained brass line. Wealth products earn trust by staying quiet — the metal appears only on the one number that matters.

Open in generator All palettes

Text Graphite — #0A1428

Secondary Prussian Blue — #16294B

Accent Lapis Lazuli — #3E5C8A

Primary Dark Goldenrod — #B08D3F

Surface Eggshell — #EFEADD

Contrast matrix

Text on Surface 15.29 AAA

Primary on Surface 2.60 Fail

Text on Secondary 1.27 Fail

Surface on Primary 2.60 Fail

Accent on Text 2.71 Fail

Ratios are WCAG 2 contrast between the roles as assigned above. AA needs 4.5:1 for body text, 3:1 for large text.

Export tokens

:root {
  --text: #0A1428;
  --secondary: #16294B;
  --accent: #3E5C8A;
  --primary: #B08D3F;
  --surface: #EFEADD;
}

$private-wealth-text: #0A1428;
$private-wealth-secondary: #16294B;
$private-wealth-accent: #3E5C8A;
$private-wealth-primary: #B08D3F;
$private-wealth-surface: #EFEADD;

// tailwind.config.js — theme.extend.colors
colors: {
  'private-wealth': {
    'text': '#0A1428',
    'secondary': '#16294B',
    'accent': '#3E5C8A',
    'primary': '#B08D3F',
    'surface': '#EFEADD',
  },
}

{
    "private-wealth": {
        "text": {
            "value": "#0A1428",
            "type": "color"
        },
        "secondary": {
            "value": "#16294B",
            "type": "color"
        },
        "accent": {
            "value": "#3E5C8A",
            "type": "color"
        },
        "primary": {
            "value": "#B08D3F",
            "type": "color"
        },
        "surface": {
            "value": "#EFEADD",
            "type": "color"
        }
    }
}

{
    "text": "#0A1428",
    "secondary": "#16294B",
    "accent": "#3E5C8A",
    "primary": "#B08D3F",
    "surface": "#EFEADD"
}

/* Paste into Canva → Brand Kit → Brand Colors */
#0A1428
#16294B
#3E5C8A
#B08D3F
#EFEADD

Download for Procreate

How the roles work

SurfaceThe lightest color — page and card backgrounds.

TextThe darkest color — body text and high-contrast UI.

PrimaryThe most chromatic middle — buttons, links, the one color that pushes.

AccentThe second most chromatic — badges, highlights, states.

SecondaryEverything else — fills, borders, supporting surfaces.

Private Wealth

Contrast matrix

Export tokens

How the roles work

Related palettes