Back to palettes

Palette

Old Camera Lens

A timeless, understated collection reminiscent of monochrome photographs and classic camera finishes.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Old Camera Lens 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 Old Camera Lens.

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

Data visualization

#36454F#5A6269#778899#A9A9A9#D3D7DC

Palette guide

How to use Old Camera Lens

Overview

The "Old Camera Lens" palette offers a sophisticated, monochrome aesthetic perfect for designs seeking a vintage or understated feel. Drawing inspiration from classic photographic equipment and film, this collection of muted greys and charcoals—including deep #36454F, mid-tone #778899, and light #D3D7DC—provides a timeless elegance. Designers can leverage its subtle transitions for depth, while developers will appreciate the predictable contrast for UI elements. It’s an ideal choice for projects aiming for a sense of nostalgia, professionalism, or quiet strength without bright, distracting colors.

Best used for

  • Vintage photography websites or portfolios
  • Classic branding and corporate identity
  • Minimalist user interfaces and app designs
  • Art gallery or museum exhibition materials
  • High-end product packaging with a refined look
  • Editorial design with a focus on timeless elegance

Suggested color roles

primary

Use #36454F as a strong, grounding base for headers, primary buttons, or deep backgrounds. It provides excellent contrast for lighter text.

secondary

Apply #5A6269 for supportive elements like subheadings, secondary navigation, or large content blocks. It bridges the gap between dark and light.

accent

Employ #A9A9A9 for subtle highlights, icons, or progress indicators. Its metallic quality can add a touch of refined detail without overpowering.

background

Utilize #D3D7DC as a clean, airy background for main content areas. It offers a soft canvas that allows darker elements to stand out clearly.

text

For optimal readability on light backgrounds, use #36454F or a true black. On darker backgrounds like #36454F, #D3D7DC or a near-white color provides excellent contrast.

Accessibility notes

  • Ensure sufficient contrast between #36454F text on #D3D7DC backgrounds (WCAG AA compliant).
  • Avoid placing #778899 text directly on #A9A9A9 backgrounds for body copy due to potential low contrast.
  • Use #D3D7DC for text on #36454F or #5A6269 to maintain high readability for users with visual impairments.
  • Test all button and link states (hover, active) to ensure color changes meet contrast requirements.

Recommended combinations

Classic Contrast

Ideal for primary text on a clean background, with a subtle accent for interactive elements or icons.

#36454F · #D3D7DC · #A9A9A9

Monochrome Depth

Use these mid-tones for layered content blocks, card backgrounds, or gradients to create visual hierarchy.

#5A6269 · #778899 · #A9A9A9

Subtle Elegance

Excellent for sophisticated layouts; #36454F for strong elements, #778899 for supporting details, and #D3D7DC as a light base.

#36454F · #778899 · #D3D7DC

CSS variables

:root {
  --old-camera-lens-1: #36454F;
  --old-camera-lens-2: #5A6269;
  --old-camera-lens-3: #778899;
  --old-camera-lens-4: #A9A9A9;
  --old-camera-lens-5: #D3D7DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "old-camera-lens": {
        1: "#36454F",
        2: "#5A6269",
        3: "#778899",
        4: "#A9A9A9",
        5: "#D3D7DC",
      }
    }
  }
}

Related searches

vintage grey color schememonochrome ui paletteanalog film aesthetic colorssubtle neutral design paletteclassic dark grey light grey

Palette colors

Hex values

Color 1#36454F
·
Color 2#5A6269
·
Color 3#778899
·
Color 4#A9A9A9
·
Color 5#D3D7DC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
4.2:1AA18
6.8:1AA
2
1.6:1Fail
1.7:1Fail
2.6:1Fail
4.3:1AA18
3
2.7:1Fail
1.7:1Fail
1.5:1Fail
2.5:1Fail
4
4.2:1AA18
2.6:1Fail
1.5:1Fail
1.6:1Fail
5
6.8:1AA
4.3:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Old Camera Lens

View all neutral
Archival Sepia Tones
Medieval Tapestry Weave
Old Nautical Charts
Old Parchment Hues
Old Parchment Map
Scriptorium Sepia Ink