Palette

Sci-Fi Chrome Sheen

Sleek, shimmering greys and silvers evoke futuristic technology and polished, metallic surfaces.

monochromeminimal5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sci-Fi Chrome Sheen 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 Sci-Fi Chrome Sheen.

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

Data visualization

#3D3D3D#808080#C0C0C0#E0E0E0#0A0A0A

Palette guide

How to use Sci-Fi Chrome Sheen

Overview

The "Sci-Fi Chrome Sheen" palette offers a sophisticated monochrome collection of greys, perfect for designs aiming for a futuristic, metallic, or high-tech aesthetic. Ranging from the deep near-black of #0A0A0A to the almost white sheen of #E0E0E0, this palette includes versatile mid-tones like the solid #3D3D3D, balanced #808080, and bright #C0C0C0. Designers and developers can leverage these shades to create sleek user interfaces, product renders, or architectural visualizations that convey precision and modern elegance. Its inherent neutrality provides a strong foundation for minimal yet impactful visual experiences, evoking polished chrome and advanced machinery.

Best used for

Futuristic UI/UX design
Automotive branding and interfaces
Industrial product design and renders
Luxury technology websites
Architectural visualization
Minimalist app themes

Suggested color roles

primary

#3D3D3D - A robust, dark grey, ideal for main panel backgrounds, primary buttons, or significant structural elements, grounding the design with a strong, modern feel.

secondary

#808080 - A balanced mid-grey, perfect for secondary navigation, card backgrounds, or outlining elements, providing visual depth without overpowering the primary.

accent

#E0E0E0 - A bright, almost white grey, excellent for highlights, active states, progress bars, or subtle metallic reflections, adding a touch of sheen.

background

#0A0A0A - A deep, near-black, best used for immersive dark mode interfaces, large background areas, or creating dramatic contrast, enhancing the futuristic mood.

text

#C0C0C0 - A light grey that offers excellent readability on dark backgrounds like #0A0A0A or #3D3D3D, ensuring clear content delivery in a sleek, modern tone.

Accessibility notes

Ensure sufficient contrast between text and background, e.g., #C0C0C0 on #0A0A0A for WCAG AA compliance.
Avoid using #E0E0E0 text on #C0C0C0 backgrounds, as contrast will be too low for readability.
Use #3D3D3D or #0A0A0A for essential interactive elements to ensure they stand out against lighter backgrounds.
For UI elements like borders or dividers, use contrasting shades such as #3D3D3D against #808080 to maintain clear visual separation.

Recommended combinations

Deep Chrome

Ideal for dark mode interfaces; #0A0A0A as background, #C0C0C0 for primary text and icons, and #3D3D3D for card backgrounds or secondary elements.

#0A0A0A · #C0C0C0 · #3D3D3D

Silver Tech

Suited for light-themed designs; #E0E0E0 as a clean background, #3D3D3D for headings and primary text, and #808080 for subtle dividers or secondary information.

#E0E0E0 · #3D3D3D · #808080

Metallic Layers

Creates a layered, polished effect; #808080 for main panels, #E0E0E0 for highlights or interactive elements, and #0A0A0A for deep shadows or accent lines.

#808080 · #E0E0E0 · #0A0A0A

CSS variables

:root {
  --sci-fi-chrome-sheen-1: #3D3D3D;
  --sci-fi-chrome-sheen-2: #808080;
  --sci-fi-chrome-sheen-3: #C0C0C0;
  --sci-fi-chrome-sheen-4: #E0E0E0;
  --sci-fi-chrome-sheen-5: #0A0A0A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sci-fi-chrome-sheen": {
        1: "#3D3D3D",
        2: "#808080",
        3: "#C0C0C0",
        4: "#E0E0E0",
        5: "#0A0A0A",
      }
    }
  }
}

Hex values

Color 1#3D3D3D

Color 2#808080

Color 3#C0C0C0

Color 4#E0E0E0

Color 5#0A0A0A

Accessibility

Contrast checker

2.8:1Fail

6:1AA

8.2:1AAA

1.8:1Fail

2.8:1Fail

2.2:1Fail

3:1Fail

5:1AA

6:1AA

2.2:1Fail

1.4:1Fail

10.9:1AAA

8.2:1AAA

3:1Fail

1.4:1Fail

15:1AAA

1.8:1Fail

5:1AA

10.9:1AAA

15:1AAA

Similar palettes

More like Sci-Fi Chrome Sheen

View all monochrome

Binary Grid Hues

Chrome Racer Gleam

Cybernetic Chrome Sparkle

Industrial Chrome Shine

Minimalist Grid Tech

Urban Steel Echoes