Deep Wine Bordeaux#2B0F17
Dark Navy#1A2E4A
Pewter#807D85
Muted Plum#72454B
Palette direction

Bordeaux Navy Premium Color Palette

This premium and elegant perfume brand palette combines a deeper Wine Bordeaux and dark navy blue as main colors, crafting a sophisticated and recognizable visual identity. The support colors extend this with soft pewter and muted plum, providing subtle accents that balance and complement the rich main hues, while the neutrals ensure clean readability and contrast in digital interfaces.

CustomLuxury And Lifestylebordeauxnavypremiumelegant
palette-preview.example
Luxury And Lifestyle color direction

Bordeaux Navy Premium Color Palette

This premium and elegant perfume brand palette combines a deeper Wine Bordeaux and dark navy blue as main colors, crafting a sophisticated and recognizable visual identity. The support colors extend this with soft pewter and muted plum, providing subtle accents that balance and complement the rich main hues, while the neutrals ensure clean readability and contrast in digital interfaces.

Explore the color system
Logo contrast guide

Logo color pairings

ColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.

Logo Pure White #FFFFFFon Deep Wine Bordeaux #2B0F1717.7:1 Excellent
Logo Deep Wine Bordeaux #2B0F17on Pure White #FFFFFF17.7:1 Excellent
Icon color
BackgroundDeep Wine Bordeaux#2B0F17TextPure White#FFFFFF
Primary Button17.75:1
AAA

Best for the main action users should notice first.

BackgroundDark Navy#1A2E4ATextPure White#FFFFFF
Secondary Button13.69:1
AAA

Useful for softer choices and secondary paths.

BackgroundPure White#FFFFFFTextDeep Wine Bordeaux#2B0F17
Outlined Button17.75:1
AAA

Good for lower-emphasis actions on light surfaces.

BackgroundPure White#FFFFFFTextDeep Wine Bordeaux#2B0F17
Text Button17.75:1
AAA

A quiet action for links, navigation, and inline decisions.

Palette composition7 colorsCustom color relationship
9:41Bordeaux Navy Premium Color Palette Color role balance
Custom system
60% DominantNeutrals

Backgrounds, large surfaces, whitespace, and reading comfort.

30% SecondarySupport colors

Sections, secondary UI, illustrations, and repeated brand moments.

10% AccentMain colors

High-attention moments like primary actions and memorable highlights.

CBordeaux Navy Premium Color PaletteLuxury And Lifestyle brand direction ColorFly.design
Strategic palette preview
Why it works

A usable
color system.

The deeper wine Bordeaux and dark navy blue main colors create a complementary and balanced visual system that conveys luxury and elegance while remaining distinctly recognizable.

Clear roles create a consistent brand experience.

Color Roles and Usage Map

Assign existing palette colors to brand, typography, and interface roles.

Brand identity

LogoUsed for logo marks and core brand symbols.Deep Wine Bordeaux #2B0F17
HeadlineUsed for main titles and key messages.Dark Navy #1A2E4A
LinkUsed for links and interactive text.Deep Wine Bordeaux #2B0F17

Buttons

Primary Button
BackgroundDeep Wine Bordeaux #2B0F17
TextPure White #FFFFFF
Secondary Button
BackgroundDark Navy #1A2E4A
TextPure White #FFFFFF
Outlined Button
BackgroundDeep Wine Bordeaux #2B0F17
TextDeep Wine Bordeaux #2B0F17

Interface

TextDefault readable body text.Charcoal #2C2B2F
Bg LightLight page or section background.Pure White #FFFFFF
Bg DarkDark page or section background.Light Ivory #F4F2F5
IconSmall interface icons and marks.Pewter #807D85
BorderCards, inputs, and component borders.Pewter #807D85
DividerSubtle separators between content.Pewter #807D85
OutlineFocus rings and emphasis outlines.Pewter #807D85

Palette Colors

A compact view of the brand, support, and neutral colors that make up this system.

Main (Brand) Colors

The deeper wine Bordeaux and dark navy blue main colors create a complementary and balanced visual system that conveys luxury and elegance while remaining distinctly recognizable.

PrimaryDeep Wine Bordeaux

RolesLogo, Link, Btn Primary Bg, Btn Outlined Border, Btn Outlined Text

Deep Wine Bordeaux delivers richer sophistication and depth with an intensified wine tone, anchoring the brand with a luxurious and warm presence.

HEX#2B0F17
RGB43, 15, 23
HSL343, 48, 11
CMYK0, 65, 47, 83
SecondaryDark Navy

RolesBtn Secondary Bg, Headline

Dark Navy adds calm professionalism and balance, providing a strong, cool contrast to Bordeaux.

HEX#1A2E4A
RGB26, 46, 74
HSL215, 48, 20
CMYK65, 38, 0, 71

Support Colors

The support colors add understated elegance and soften the visual hierarchy, reinforcing the premium feel without drawing focus from the main hues.

Pewter

RolesIcon, Border, Divider, Outline

Pewter offers a muted metallic tone that complements and tempers the boldness of Bordeaux and Navy.

HEX#807D85
RGB128, 125, 133
HSL263, 3, 51
CMYK4, 6, 0, 48
Muted Plum

Muted Plum provides a softer variation close to Bordeaux, enriching the palette with subtle warmth and texture.

HEX#72454B
RGB114, 69, 75
HSL352, 25, 36
CMYK0, 39, 34, 55

Neutral Colors

Utility colors for backgrounds, text, borders, and balance.

Pure White

RolesBg Light, Btn Primary Text, Btn Secondary Text

HEX#FFFFFF
RGB255, 255, 255
HSL0, 0, 100
CMYK0, 0, 0, 0
Light Ivory

RolesBg Dark

HEX#F4F2F5
RGB244, 242, 245
HSL280, 13, 95
CMYK0, 1, 0, 4
Charcoal

RolesText

HEX#2C2B2F
RGB44, 43, 47
HSL255, 4, 18
CMYK6, 9, 0, 82

Export and Handoff

Copy palette values for design systems, websites, and client handoff.

Color tokens

Use these in CSS when you want every raw palette color available by name. Best for websites, landing pages, and design system variables.

Use when: you need the actual colors.
:root {
  --color-deep-wine-bordeaux: #2B0F17;
  --color-dark-navy: #1A2E4A;
  --color-pewter: #807D85;
  --color-muted-plum: #72454B;
  --color-pure-white: #FFFFFF;
  --color-light-ivory: #F4F2F5;
  --color-charcoal: #2C2B2F;
}

Role tokens

Use these in CSS when colors are assigned to practical jobs like text, buttons, borders, links, and backgrounds.

Use when: you need UI roles, not just swatches.
:root {
  --role-logo: #2B0F17;
  --role-link: #2B0F17;
  --role-btn-primary-bg: #2B0F17;
  --role-btn-outlined-border: #2B0F17;
  --role-btn-outlined-text: #2B0F17;
  --role-btn-secondary-bg: #1A2E4A;
  --role-headline: #1A2E4A;
  --role-icon: #807D85;
  --role-border: #807D85;
  --role-divider: #807D85;
  --role-outline: #807D85;
  --role-bg-light: #FFFFFF;
  --role-btn-primary-text: #FFFFFF;
  --role-btn-secondary-text: #FFFFFF;
  --role-bg-dark: #F4F2F5;
  --role-text: #2C2B2F;
}

JSON

Use this structured palette data in apps, generators, plugins, or tools that need to read the palette programmatically.

Use when: a developer or app needs data.
{
    "deep-wine-bordeaux": "#2B0F17",
    "dark-navy": "#1A2E4A",
    "pewter": "#807D85",
    "muted-plum": "#72454B",
    "pure-white": "#FFFFFF",
    "light-ivory": "#F4F2F5",
    "charcoal": "#2C2B2F"
}
Press Space to load new palette