Dark Red#8B0000
Firebrick#BC9C55
Sienna#A0522D
Rosy Brown#C08081
Palette direction

Deep Crimson Luxury Color Palette

This palette draws inspiration from the rich reds and subtle pinks of the image, balanced by deep neutrals and softened with light neutrals. It is designed for strong brand recognition with a compelling luxury and warmth feel, perfect for upscale or creative industries. The removal of Light Coral sharpens the focus on the deeper reds, enhancing the palette's elegance and impact.

AnalogousLuxury And Lifestyledeep redcrimsonwarmthluxury
palette-preview.example
Luxury And Lifestyle color direction

Deep Crimson Luxury Color Palette

This palette draws inspiration from the rich reds and subtle pinks of the image, balanced by deep neutrals and softened with light neutrals. It is designed for strong brand recognition with a compelling luxury and warmth feel, perfect for upscale or creative industries. The removal of Light Coral sharpens the focus on the deeper reds, enhancing the palette's elegance and impact.

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 Ivory #F7F3F2on Dark Red #8B00009.1:1 Excellent
Logo Jet #1A1A1Aon Firebrick #BC9C556.7:1 Strong
Logo Jet #1A1A1Aon Ivory #F7F3F215.8:1 Excellent
Logo Jet #1A1A1Aon Rosy Brown #C080815.5:1 Strong
Icon color
BackgroundDark Red#8B0000TextIvory#F7F3F2
Primary Button9.08:1
AAA

Best for the main action users should notice first.

BackgroundFirebrick#BC9C55TextJet#1A1A1A
Secondary Button6.65:1
AA

Useful for softer choices and secondary paths.

BackgroundIvory#F7F3F2TextFirebrick#BC9C55
Outlined Button2.37:1
Low

Good for lower-emphasis actions on light surfaces.

BackgroundIvory#F7F3F2TextDark Red#8B0000
Text Button9.08:1
AAA

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

Palette composition7 colorsAnalogous color relationship
9:41Deep Crimson Luxury Color Palette Color role balance
Analogous 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.

CDeep Crimson Luxury Color PaletteLuxury And Lifestyle brand direction ColorFly.design
Strategic palette preview

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.Dark Red #8B0000
HeadlineUsed for main titles and key messages.Dark Red #8B0000
LinkUsed for links and interactive text.Dark Red #8B0000

Buttons

Primary Button
BackgroundDark Red #8B0000
TextIvory #F7F3F2
Secondary Button
BackgroundFirebrick #BC9C55
TextJet #1A1A1A
Outlined Button
BackgroundFirebrick #BC9C55
TextFirebrick #BC9C55

Interface

TextDefault readable body text.Jet #1A1A1A
Bg LightLight page or section background.Ivory #F7F3F2
Bg DarkDark page or section background.Jet #1A1A1A
IconSmall interface icons and marks.Sienna #A0522D
BorderCards, inputs, and component borders.Sienna #A0522D
DividerSubtle separators between content.Sienna #A0522D
OutlineFocus rings and emphasis outlines.Sienna #A0522D

Palette Colors

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

Main (Brand) Colors

The main colors form a custom scheme with bold Dark Red and vibrant Firebrick, delivering a distinctive and warm brand identity with strong visual recognition.

PrimaryDark Red

RolesLogo, Link, Btn Primary Bg, Headline

Dark Red brings a powerful and confident tone, representing strength and luxury.

HEX#8B0000
RGB139, 0, 0
HSL0, 100, 27
CMYK0, 100, 100, 45
SecondaryFirebrick

RolesBtn Secondary Bg, Btn Outlined Border, Btn Outlined Text

Firebrick offers vibrant warmth and energy, creating engaging secondary accents distinct from the primary red.

HEX#BC9C55
RGB188, 156, 85
HSL41, 43, 54
CMYK0, 17, 55, 26

Support Colors

Support colors extend the main palette with muted warm hues and subtle complementary tones, amplifying usability and layering without competing visually.

Sienna

RolesIcon, Border, Divider, Outline

Sienna complements the reds with its earthy warmth, providing neutral accents to balance vibrancy.

HEX#A0522D
RGB160, 82, 45
HSL19, 56, 40
CMYK0, 49, 72, 37
Rosy Brown

Rosy Brown softly reinforces the main reds, helping transitions between primary colors and neutrals.

HEX#C08081
RGB192, 128, 129
HSL359, 34, 63
CMYK0, 33, 33, 25

Neutral Colors

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

Ivory

RolesBg Light, Btn Primary Text

HEX#F7F3F2
RGB247, 243, 242
HSL12, 24, 96
CMYK0, 2, 2, 3
Charcoal
HEX#3B3B3B
RGB59, 59, 59
HSL0, 0, 23
CMYK0, 0, 0, 77
Jet

RolesBg Dark, Text, Btn Secondary Text

HEX#1A1A1A
RGB26, 26, 26
HSL0, 0, 10
CMYK0, 0, 0, 90

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-dark-red: #8B0000;
  --color-firebrick: #BC9C55;
  --color-sienna: #A0522D;
  --color-rosy-brown: #C08081;
  --color-ivory: #F7F3F2;
  --color-charcoal: #3B3B3B;
  --color-jet: #1A1A1A;
}

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: #8B0000;
  --role-link: #8B0000;
  --role-btn-primary-bg: #8B0000;
  --role-headline: #8B0000;
  --role-btn-secondary-bg: #BC9C55;
  --role-btn-outlined-border: #BC9C55;
  --role-btn-outlined-text: #BC9C55;
  --role-icon: #A0522D;
  --role-border: #A0522D;
  --role-divider: #A0522D;
  --role-outline: #A0522D;
  --role-bg-light: #F7F3F2;
  --role-btn-primary-text: #F7F3F2;
  --role-bg-dark: #1A1A1A;
  --role-text: #1A1A1A;
  --role-btn-secondary-text: #1A1A1A;
}

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.
{
    "dark-red": "#8B0000",
    "firebrick": "#BC9C55",
    "sienna": "#A0522D",
    "rosy-brown": "#C08081",
    "ivory": "#F7F3F2",
    "charcoal": "#3B3B3B",
    "jet": "#1A1A1A"
}
Press Space to load new palette