Charcoal#111111
Platinum#C0C7D1
Antique Gold#B89A5A
Slate#6F7A86
Pewter#8E9AA6
Palette direction

Rolls Royce Inspired Color Palette

This palette channels Rolls-Royce-inspired grandeur with a deep black core, a rich silver-blue sheen, and a restrained metallic accent system. The result feels prestigious and engineered, with enough contrast for a polished digital identity and premium interface use.

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

Rolls Royce Inspired Color Palette

This palette channels Rolls-Royce-inspired grandeur with a deep black core, a rich silver-blue sheen, and a restrained metallic accent system. The result feels prestigious and engineered, with enough contrast for a polished digital identity and premium interface use.

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 White #FFFFFFon Charcoal #11111118.9:1 Excellent
Logo Black #0A0A0Aon Platinum #C0C7D111.6:1 Excellent
Logo Black #0A0A0Aon Antique Gold #B89A5A7.4:1 Excellent
Logo Black #0A0A0Aon White #FFFFFF19.8:1 Excellent
Icon color
BackgroundCharcoal#111111TextWhite#FFFFFF
Primary Button18.88:1
AAA

Best for the main action users should notice first.

BackgroundAntique Gold#B89A5ATextBlack#0A0A0A
Secondary Button7.36:1
AAA

Useful for softer choices and secondary paths.

BackgroundIvory#F4F1EATextAntique Gold#B89A5A
Outlined Button2.38:1
Low

Good for lower-emphasis actions on light surfaces.

BackgroundIvory#F4F1EATextPlatinum#C0C7D1
Text Button1.51:1
Low

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

Palette composition8 colorsMonochromatic color relationship
9:41Rolls Royce Inspired 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.

CRolls Royce Inspired Color PaletteLuxury And Lifestyle brand direction ColorFly.design
Strategic palette preview
Why it works

A usable
color system.

The main colors combine a near-black foundation with a cool silver-blue and a muted metallic gold, echoing the formal contrast and bespoke craftsmanship associated with ultra-luxury automotive branding. The relationship feels upscale and balanced rather than flashy, which keeps the system recognizable and controlled.

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.Charcoal #111111
HeadlineUsed for main titles and key messages.Platinum #C0C7D1
LinkUsed for links and interactive text.Platinum #C0C7D1

Buttons

Primary Button
BackgroundCharcoal #111111
TextWhite #FFFFFF
Secondary Button
BackgroundAntique Gold #B89A5A
TextBlack #0A0A0A
Outlined Button
BackgroundAntique Gold #B89A5A
TextAntique Gold #B89A5A

Interface

TextDefault readable body text.Black #0A0A0A
Bg LightLight page or section background.Ivory #F4F1EA
Bg DarkDark page or section background.Black #0A0A0A
IconSmall interface icons and marks.Slate #6F7A86
BorderCards, inputs, and component borders.Slate #6F7A86
DividerSubtle separators between content.Pewter #8E9AA6
OutlineFocus rings and emphasis outlines.Pewter #8E9AA6

Palette Colors

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

Main (Brand) Colors

The main colors combine a near-black foundation with a cool silver-blue and a muted metallic gold, echoing the formal contrast and bespoke craftsmanship associated with ultra-luxury automotive branding. The relationship feels upscale and balanced rather than flashy, which keeps the system recognizable and controlled.

PrimaryCharcoal

RolesLogo, Btn Primary Bg

Charcoal anchors the brand with a commanding, formal presence that feels precise and authoritative.

HEX#111111
RGB17, 17, 17
HSL0, 0, 7
CMYK0, 0, 0, 93
SecondaryPlatinum

RolesLink, Headline

Platinum adds a cool, engineered sheen that reads elegant and premium without overpowering the core.

HEX#C0C7D1
RGB192, 199, 209
HSL215, 16, 79
CMYK8, 5, 0, 18
TertiaryAntique Gold

RolesBtn Secondary Bg, Btn Outlined Border, Btn Outlined Text

Antique Gold introduces a restrained heritage accent that brings warmth and bespoke character to the system.

HEX#B89A5A
RGB184, 154, 90
HSL41, 40, 54
CMYK0, 16, 51, 28

Support Colors

The support colors add subtle depth and reflective detail, reinforcing the main palette without competing with its formal luxury tone. They are quiet, usable accents that help the interface feel layered and meticulously finished.

Slate

RolesIcon, Border

Slate supports the silver-blue main color with a grounded industrial note that improves structure and legibility.

HEX#6F7A86
RGB111, 122, 134
HSL211, 9, 48
CMYK17, 9, 0, 47
Pewter

RolesDivider, Outline

Pewter softens separation lines while preserving a refined metallic feeling that stays subordinate to the main colors.

HEX#8E9AA6
RGB142, 154, 166
HSL210, 12, 60
CMYK14, 7, 0, 35

Neutral Colors

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

White

RolesBtn Primary Text

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

RolesBg Light

HEX#F4F1EA
RGB244, 241, 234
HSL42, 31, 94
CMYK0, 1, 4, 4
Black

RolesBg Dark, Text, Btn Secondary Text

HEX#0A0A0A
RGB10, 10, 10
HSL0, 0, 4
CMYK0, 0, 0, 96

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-charcoal: #111111;
  --color-platinum: #C0C7D1;
  --color-antique-gold: #B89A5A;
  --color-slate: #6F7A86;
  --color-pewter: #8E9AA6;
  --color-white: #FFFFFF;
  --color-ivory: #F4F1EA;
  --color-black: #0A0A0A;
}

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: #111111;
  --role-btn-primary-bg: #111111;
  --role-link: #C0C7D1;
  --role-headline: #C0C7D1;
  --role-btn-secondary-bg: #B89A5A;
  --role-btn-outlined-border: #B89A5A;
  --role-btn-outlined-text: #B89A5A;
  --role-icon: #6F7A86;
  --role-border: #6F7A86;
  --role-divider: #8E9AA6;
  --role-outline: #8E9AA6;
  --role-btn-primary-text: #FFFFFF;
  --role-bg-light: #F4F1EA;
  --role-bg-dark: #0A0A0A;
  --role-text: #0A0A0A;
  --role-btn-secondary-text: #0A0A0A;
}

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.
{
    "charcoal": "#111111",
    "platinum": "#C0C7D1",
    "antique-gold": "#B89A5A",
    "slate": "#6F7A86",
    "pewter": "#8E9AA6",
    "white": "#FFFFFF",
    "ivory": "#F4F1EA",
    "black": "#0A0A0A"
}
Press Space to load new palette