#EDEDEDFrost
#7A7A7AGray
#3A3A3AOnyx
#000000Black

Studio Frost & Gray color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Studio Frost & Gray is a muted neutral-based color palette tagged dark, monochrome, minimal. Built almost entirely from neutrals, with Frost (#EDEDED) as the single point of color. Saturation stays low across the board, giving it a calm, editorial feel.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Frost#EDEDEDrgb(237, 237, 237)hsl(0, 0%, 93%)oklch(94.6% 0.000 0)
Gray#7A7A7Argb(122, 122, 122)hsl(0, 0%, 48%)oklch(58.0% 0.000 0)
Onyx#3A3A3Argb(58, 58, 58)hsl(0, 0%, 23%)oklch(34.8% 0.000 0)
Black#000000rgb(0, 0, 0)hsl(0, 0%, 0%)oklch(0.0% 0.000 0)

Why it works and how to use it

Two of the four colors are near-neutral, which leaves room for Gray to lead. Lightness runs from 0% to 93%. Well suited to websites, presentations and branding.

  • Background: Frost (#EDEDED) is the lightest color, so it belongs on large surfaces.
  • Text: Black (#000000) on #EDEDED gives 17.94:1, passing WCAG AAA.
  • Primary: Gray (#7A7A7A) is the most saturated mid-tone; use it for buttons and links (3.67:1 against the background, fine for UI elements).
  • Accent: Onyx (#3A3A3A) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Frost on Black at 17.94:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Studio Frost & Gray

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary
Card title
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#EDEDED
#7A7A7A
#3A3A3A
#000000

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#EDEDED on #000000Aa17.94:1AAA
#EDEDED on #3A3A3AAa9.72:1AAA
#7A7A7A on #000000Aa4.89:1AA
#EDEDED on #7A7A7AAa3.67:1AA large only
#7A7A7A on #3A3A3AAa2.65:1Fail
#3A3A3A on #000000Aa1.85:1Fail

Similar palettes 24 more in this mood