Palette

Geometric Noir Still

A stark and powerful collection of deep blacks and sharp grays, perfect for minimalist designs.

MonochromeMinimal5 colors

More Monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Geometric Noir Still 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 Geometric Noir Still.

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

Data visualization

#0A0A0A#2C2C2C#5E5E5E#909090#C2C2C2

Palette guide

How to use Geometric Noir Still

Overview

The Geometric Noir Still palette is a stark and powerful collection of deep blacks and sharp grays, perfect for minimalist designs that demand sophistication and clarity. Featuring the profound #0A0A0A, the rich #2C2C2C, the balanced #5E5E5E, the subtle #909090, and the light #C2C2C2, this monochrome scheme offers exceptional versatility. Designers can leverage these shades to create elegant, modern, and highly legible compositions, ideal for conveying professionalism and understated luxury across various digital and print applications, from branding to photography.

Best used for

Luxury brand identity and packaging
Minimalist web design and UI/UX
High-end photography portfolios
Architectural and interior design presentations
Dark mode interfaces for applications
Corporate and professional documentation

Suggested color roles

primary

Utilize #0A0A0A for dominant elements like main headings, backgrounds, or strong graphic areas, establishing depth.

secondary

Employ #2C2C2C for supporting sections, subheadings, or background panels, maintaining a rich, dark aesthetic.

accent

Introduce #C2C2C2 as a subtle highlight for interactive elements or delicate graphic details, offering a soft contrast.

background

Use #0A0A0A for a dramatic, immersive background, or #C2C2C2 for a clean, light base, depending on the desired mood.

text

For dark backgrounds, use #C2C2C2 or #909090 for text. For light backgrounds, use #0A0A0A or #2C2C2C for optimal readability.

Accessibility notes

Ensure sufficient contrast between all text and background pairings, especially mid-grays like #5E5E5E with #909090.
The lightest gray, #C2C2C2, should only be used with very dark text (e.g., #0A0A0A or #2C2C2C) for legibility.
Avoid using #909090 text on #C2C2C2 backgrounds, as the contrast may be insufficient for WCAG AA compliance.
For interactive elements, ensure distinct visual cues beyond color, especially when using similar shades of gray.

Recommended combinations

Deep Contrast

Striking dark background with light text and a mid-gray for secondary elements, ideal for bold, minimalist statements.

#0A0A0A · #C2C2C2 · #5E5E5E

Subtle Layers

Excellent for creating depth and dimension in UI elements, gradients, or layered graphic compositions without harsh lines.

#2C2C2C · #5E5E5E · #909090

Clean & Crisp

Light background with deep black text and a dark gray accent, perfect for highly readable and professional layouts.

#C2C2C2 · #0A0A0A · #2C2C2C

CSS variables

:root {
  --geometric-noir-still-1: #0A0A0A;
  --geometric-noir-still-2: #2C2C2C;
  --geometric-noir-still-3: #5E5E5E;
  --geometric-noir-still-4: #909090;
  --geometric-noir-still-5: #C2C2C2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "geometric-noir-still": {
        1: "#0A0A0A",
        2: "#2C2C2C",
        3: "#5E5E5E",
        4: "#909090",
        5: "#C2C2C2",
      }
    }
  }
}

Hex values

Color 1#0A0A0A

Color 2#2C2C2C

Color 3#5E5E5E

Color 4#909090

Color 5#C2C2C2

Accessibility

Contrast checker

1.4:1Fail

3.1:1AA18

6.2:1AA

11.1:1AAA

1.4:1Fail

2.2:1Fail

4.4:1AA18

7.8:1AAA

3.1:1AA18

2.2:1Fail

2:1Fail

3.6:1AA18

6.2:1AA

4.4:1AA18

2:1Fail

1.8:1Fail

11.1:1AAA

7.8:1AAA

3.6:1AA18

1.8:1Fail

Similar palettes

More like Geometric Noir Still

View all Monochrome

Minimalist Loft Whites

Celestial Dust Bloom

Urban Concrete Grays

Abstract Urban Canvas

Aged Stone Reverie

Ancient Stone Whisper