Back to palettes

Palette

Chrome Racer Gleam

A highly polished palette of silvers and greys, reflecting the futuristic gleam of chrome.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Chrome Racer Gleam reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Chrome Racer Gleam.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#C0C0C0#DCDCDC#E8E8E8#A9A9A9#909090

Palette guide

How to use Chrome Racer Gleam

Overview

The Chrome Racer Gleam palette is a highly polished collection of silvers and greys, reflecting the sleek, futuristic gleam of chrome and metallic surfaces. Ranging from the bright #C0C0C0 (Silver) to the slightly darker #909090 (Dark Gray), with intermediate tones like #DCDCDC, #E8E8E8, and #A9A9A9, it creates a sense of modern sophistication and speed. This monochrome palette is perfect for designers aiming for a minimalist, high-tech, or industrial aesthetic. It's particularly effective for luxury automotive brands, technology companies, or any design that benefits from a clean, precise, and understated yet powerful visual impact.

Best used for

  • Luxury automotive branding
  • High-tech electronics design
  • Modern architectural renders
  • Sleek product packaging
  • Minimalist website interfaces
  • Industrial design concepts

Suggested color roles

primary

Utilize #C0C0C0 (Silver) for main background areas or large content blocks, establishing a clean, metallic base.

secondary

Apply #A9A9A9 (Dark Gray) for subheadings, navigation, or to provide a subtle, grounding contrast.

accent

Employ #E8E8E8 (Light Grey) for delicate highlights, interactive elements, or to simulate reflections.

background

Use #C0C0C0 as the primary background, offering a bright and sophisticated canvas.

text

A deep charcoal (#333333) or black (#000000) is recommended for body text to ensure optimal readability against these light metallic tones.

Accessibility notes

  • Ensure strong contrast for text by pairing dark grey or black with all colors in this light palette.
  • Avoid using light grey text on similarly light grey backgrounds to prevent readability issues.
  • Carefully check contrast ratios for interactive elements, ensuring they are clearly distinguishable.
  • For optimal legibility, use a darker shade like #909090 for headlines on the lightest backgrounds.

Recommended combinations

Metallic Sheen

Ideal for creating subtle gradients, metallic textures, or layered backgrounds in minimalist designs.

#C0C0C0 · #DCDCDC · #E8E8E8

Sleek Contrast

Use #C0C0C0 as a base, #A9A9A9 for content, and #909090 for strong anchors or text.

#C0C0C0 · #A9A9A9 · #909090

Refined Detail

Combine for icons, subtle borders, or to highlight specific details with a sense of precision.

#DCDCDC · #909090 · #E8E8E8

CSS variables

:root {
  --chrome-racer-gleam-1: #C0C0C0;
  --chrome-racer-gleam-2: #DCDCDC;
  --chrome-racer-gleam-3: #E8E8E8;
  --chrome-racer-gleam-4: #A9A9A9;
  --chrome-racer-gleam-5: #909090;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "chrome-racer-gleam": {
        1: "#C0C0C0",
        2: "#DCDCDC",
        3: "#E8E8E8",
        4: "#A9A9A9",
        5: "#909090",
      }
    }
  }
}

Related searches

monochrome silver palettechrome metallic colorssleek grey designmodern industrial aestheticfuturistic racer scheme

Palette colors

Hex values

Color 1#C0C0C0
·
Color 2#DCDCDC
·
Color 3#E8E8E8
·
Color 4#A9A9A9
·
Color 5#909090
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.5:1Fail
1.3:1Fail
1.8:1Fail
2
1.3:1Fail
1.1:1Fail
1.7:1Fail
2.3:1Fail
3
1.5:1Fail
1.1:1Fail
1.9:1Fail
2.6:1Fail
4
1.3:1Fail
1.7:1Fail
1.9:1Fail
1.4:1Fail
5
1.8:1Fail
2.3:1Fail
2.6:1Fail
1.4:1Fail

Similar palettes

More like Chrome Racer Gleam

View all monochrome