Mahogany#6b5e53
Ivory#f9f6f2
Rich Gold#bfa18e
Warm Taupe#8c7b6b
Palette direction

Mahogany Ivory Luxury Color Palette

This luxury color palette combines warm muted browns and soft creams with refined accents of deep gold and taupe to create a sophisticated and elegant brand identity. The harmonious blend of deep Mahogany and Ivory provides high contrast and timeless appeal, while subtle accents in Rich Gold and Warm Taupe add depth and refinement ideal for premium packaging and branding.

MonochromaticLuxury And Lifestyleluxurypackagingbrandingmahogany
palette-preview.example
Luxury And Lifestyle color direction

Mahogany Ivory Luxury Color Palette

This luxury color palette combines warm muted browns and soft creams with refined accents of deep gold and taupe to create a sophisticated and elegant brand identity. The harmonious blend of deep Mahogany and Ivory provides high contrast and timeless appeal, while subtle accents in Rich Gold and Warm Taupe add depth and refinement ideal for premium packaging and branding.

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 Charcoal #3B3431on Ivory #F9F6F211.3:1 Excellent
Logo Pure White #FFFFFFon Mahogany #6B5E536.3:1 Strong
Logo Charcoal #3B3431on Rich Gold #BFA18E5.1:1 Strong
Logo Charcoal #3B3431on Linen #F2EEE910.6:1 Excellent
Icon color
BackgroundMahogany#6b5e53TextPure White#ffffff
Primary Button6.27:1
AA

Best for the main action users should notice first.

BackgroundIvory#f9f6f2TextCharcoal#3b3431
Secondary Button11.32:1
AAA

Useful for softer choices and secondary paths.

BackgroundIvory#f9f6f2TextMahogany#6b5e53
Outlined Button5.82:1
AA

Good for lower-emphasis actions on light surfaces.

BackgroundIvory#f9f6f2TextMahogany#6b5e53
Text Button5.82:1
AA

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

Palette composition7 colorsMonochromatic color relationship
9:41Mahogany Ivory Luxury Color Palette Color role balance
Monochromatic 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.

CMahogany Ivory Luxury Color PaletteLuxury And Lifestyle brand direction ColorFly.design
Strategic palette preview
Why it works

A usable
color system.

The main colors form an analogous harmony of warm, natural tones that anchor the palette in luxury and timelessness while allowing flexible, elegant applications across branding and packaging.

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.Mahogany #6b5e53
HeadlineUsed for main titles and key messages.Rich Gold #bfa18e
LinkUsed for links and interactive text.Mahogany #6b5e53

Buttons

Primary Button
BackgroundMahogany #6b5e53
TextPure White #ffffff
Secondary Button
BackgroundIvory #f9f6f2
TextCharcoal #3b3431
Outlined Button
BackgroundMahogany #6b5e53
TextMahogany #6b5e53

Interface

TextDefault readable body text.Charcoal #3b3431
Bg LightLight page or section background.Ivory #f9f6f2
Bg DarkDark page or section background.Pure White #ffffff
IconSmall interface icons and marks.Warm Taupe #8c7b6b
BorderCards, inputs, and component borders.Warm Taupe #8c7b6b
DividerSubtle separators between content.Warm Taupe #8c7b6b
OutlineFocus rings and emphasis outlines.Warm Taupe #8c7b6b

Palette Colors

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

Main (Brand) Colors

The main colors form an analogous harmony of warm, natural tones that anchor the palette in luxury and timelessness while allowing flexible, elegant applications across branding and packaging.

PrimaryMahogany

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

Mahogany provides a rich, warm foundation that conveys sophistication and trust, perfect for communicating upscale quality.

HEX#6b5e53
RGB107, 94, 83
HSL28, 13, 37
CMYK0, 12, 22, 58
SecondaryIvory

RolesBg Light, Btn Secondary Bg

Ivory offers a soft, natural lightness that balances Mahogany with elegance and clarity, enhancing readability and refinement.

HEX#f9f6f2
RGB249, 246, 242
HSL34, 37, 96
CMYK0, 1, 3, 2
TertiaryRich Gold

RolesHeadline

Rich Gold elevates the palette by adding a subtle metallic warmth that symbolizes luxury without overpowering the main tones.

HEX#bfa18e
RGB191, 161, 142
HSL23, 28, 65
CMYK0, 16, 26, 25

Support Colors

The support colors extend the main palette with muted and harmonious tonal variations, providing flexibility and subtle depth that complement the primary browns and creams while remaining visually subordinate for accents and interface elements.

Warm Taupe

RolesIcon, Border, Divider, Outline

Warm Taupe complements Mahogany by introducing a softer, earthy neutral that ensures visual balance and supports secondary elements gracefully.

HEX#8c7b6b
RGB140, 123, 107
HSL29, 13, 48
CMYK0, 12, 24, 45

Neutral Colors

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

Pure White

RolesBg Dark, Btn Primary Text

HEX#ffffff
RGB255, 255, 255
HSL0, 0, 100
CMYK0, 0, 0, 0
Linen
HEX#f2eee9
RGB242, 238, 233
HSL33, 26, 93
CMYK0, 2, 4, 5
Charcoal

RolesText, Btn Secondary Text

HEX#3b3431
RGB59, 52, 49
HSL18, 9, 21
CMYK0, 12, 17, 77

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-mahogany: #6b5e53;
  --color-ivory: #f9f6f2;
  --color-rich-gold: #bfa18e;
  --color-warm-taupe: #8c7b6b;
  --color-pure-white: #ffffff;
  --color-linen: #f2eee9;
  --color-charcoal: #3b3431;
}

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: #6b5e53;
  --role-link: #6b5e53;
  --role-btn-primary-bg: #6b5e53;
  --role-btn-outlined-border: #6b5e53;
  --role-btn-outlined-text: #6b5e53;
  --role-bg-light: #f9f6f2;
  --role-btn-secondary-bg: #f9f6f2;
  --role-headline: #bfa18e;
  --role-icon: #8c7b6b;
  --role-border: #8c7b6b;
  --role-divider: #8c7b6b;
  --role-outline: #8c7b6b;
  --role-bg-dark: #ffffff;
  --role-btn-primary-text: #ffffff;
  --role-text: #3b3431;
  --role-btn-secondary-text: #3b3431;
}

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.
{
    "mahogany": "#6b5e53",
    "ivory": "#f9f6f2",
    "rich-gold": "#bfa18e",
    "warm-taupe": "#8c7b6b",
    "pure-white": "#ffffff",
    "linen": "#f2eee9",
    "charcoal": "#3b3431"
}
Press Space to load new palette