Ultimate Gray

A steady mid-gray paired with Illuminating to represent resilience and dependability.

Generate palettes Visualize in mockups Back to 2021 overview

Copy color values

HEX / RGB / CMYK ready for dev teams.

HEX

#939597

RGB

rgb(147, 149, 151)

CMYK

40, 30, 32, 9

Palette ideas

Monochrome, analogous, complementary, and triadic sets.

Monochrome Depth

Light and dark steps around the hero color.

#5A5C5E

#787A7D

#939597

#ACADAF

#CBCCCD

Analogous Flow

Neighbors on the color wheel for a soft gradient story.

#828787

#929596

#939597

#929396

#A1A1A5

Complementary Contrast

Opposites that add clarity and focus.

#939597

#878582

#AAA8A7

#707070

#C2C2C2

Triadic Balance

Three evenly spaced hues for versatile layouts.

#939597

#A18794

#94A187

#808080

#B8B8B8

Split Complementary

Balanced contrast with two supporting accents.

#939597

#969292

#969692

#6B6B6B

#C2C2C2

Export tokens

Copy CSS variables or plug into Tailwind.

#939597

CSS Variables

:root {
  --year-base: #939597;
  --year-base-contrast: #FFFFFF;
  --year-accent-1: #787A7D;
  --year-accent-2: #939597;
  --year-accent-3: #ACADAF;
  --year-surface: #f8fafc;
}

Tailwind Config

theme: {
  extend: {
    colors: {
      primary: 'var(--year-base)',
      accent: 'var(--year-accent-1)',
      surface: 'var(--year-surface)',
    },
  },
},