Palette

Vintage Cinema Reel

A nostalgic palette echoing the grayscale beauty of old movies and classic photography.

monochromeretro5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Cinema Reel 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 Vintage Cinema Reel.

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

Data visualization

#2B2A2D#5F5B5B#8B8787#D3D0D0#A09C9C

Palette guide

How to use Vintage Cinema Reel

Overview

The "Vintage Cinema Reel" palette is a sophisticated monochrome collection that beautifully captures the timeless elegance and nostalgic charm of classic film and photography. Spanning from the deep, almost black #2B2A2D to the light, airy #D3D0D0, with intermediary shades like #5F5B5B, #8B8787, and #A09C9C, this palette offers a rich spectrum of grays. Designers can leverage its understated power for branding that aims for classicism, minimalism, or a retro-cinematic aesthetic. Developers will find these consistent hex codes perfect for creating clean, elegant user interfaces, providing subtle visual hierarchy, and delivering a refined, professional digital experience that evokes a sense of enduring quality.

Best used for

Photography portfolio websites
Film production or review platforms
Minimalist fashion or luxury brands
Classic art or history museum sites
Corporate branding with a sophisticated edge
Architectural or interior design showcases

Suggested color roles

primary

A deep, rich charcoal (#2B2A2D) that provides a strong, authoritative anchor, ideal for main headings, navigation, or strong brand elements.

secondary

A medium-dark gray (#5F5B5B) that offers a softer yet still substantial presence, suitable for secondary information or prominent text.

accent

A balanced, versatile mid-gray (#8B8787) that can be used for subtle accents, borders, or to break up darker sections.

background

A very light, almost off-white gray (#D3D0D0) that creates a clean, sophisticated canvas, allowing darker elements to stand out crisply.

text

This deep charcoal (#2B2A2D) provides excellent readability on the lighter grays, offering a classic and refined text color. White or #D3D0D0 text works well on #2B2A2D and #5F5B5B.

Accessibility notes

Ensure sufficient contrast between text and background, especially when using mid-grays. For instance, #8B8787 on #D3D0D0 might require larger text.
#D3D0D0 is too light for text on its own; use it as a background with dark text.
#2B2A2D and #5F5B5B provide excellent contrast with white or #D3D0D0 text.
Always test combinations using a WCAG contrast checker to ensure readability for all users.

Recommended combinations

Cinematic Contrast

Ideal for creating strong visual hierarchies, bold headlines against light backgrounds, or classic minimalist layouts.

#2B2A2D · #D3D0D0 · #5F5B5B

Subtle Gradients

Effective for soft background textures, subtle dividers, or illustrations that require gentle depth and shading.

#5F5B5B · #8B8787 · #A09C9C

Retro Monochrome

Use for elegant photography showcases, clean portfolio designs, or any project aiming for a timeless, sophisticated feel.

#A09C9C · #D3D0D0 · #2B2A2D

CSS variables

:root {
  --vintage-cinema-reel-1: #2B2A2D;
  --vintage-cinema-reel-2: #5F5B5B;
  --vintage-cinema-reel-3: #8B8787;
  --vintage-cinema-reel-4: #D3D0D0;
  --vintage-cinema-reel-5: #A09C9C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-cinema-reel": {
        1: "#2B2A2D",
        2: "#5F5B5B",
        3: "#8B8787",
        4: "#D3D0D0",
        5: "#A09C9C",
      }
    }
  }
}

Hex values

Color 1#2B2A2D

Color 2#5F5B5B

Color 3#8B8787

Color 4#D3D0D0

Color 5#A09C9C

Accessibility

Contrast checker

2.1:1Fail

4:1AA18

9.3:1AAA

5.3:1AA

2.1:1Fail

1.9:1Fail

4.4:1AA18

2.5:1Fail

4:1AA18

1.9:1Fail

2.3:1Fail

1.3:1Fail

9.3:1AAA

4.4:1AA18

2.3:1Fail

1.8:1Fail

5.3:1AA

2.5:1Fail

1.3:1Fail

1.8:1Fail

Similar palettes

More like Vintage Cinema Reel

View all monochrome

Vintage Vinyl Record

Vinyl Record Groove

Steampunk Machine Hues

Vintage Sepia Print

Vintage Film Noir

Ancient Marble Column