What are the hex codes in the Gray & Juniper Field palette?

The Gray & Juniper Field color palette consists of Juniper #466455, Gray #628975, Fog #C6DECE, White #FEFDFA.

How should I use the Gray & Juniper Field palette on a website?

Use White #FEFDFA as the background, Juniper #466455 for text, Fog #C6DECE for buttons and links, and Gray #628975 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Juniper on White at 6.42:1.

Which colors in Gray & Juniper Field have enough contrast for text?

The highest-contrast pair is #466455 on #FEFDFA with a ratio of 6.42:1, which passes WCAG AA for normal text.

#466455Juniper

#628975Gray

#C6DECEFog

#FEFDFAWhite

Gray & Juniper Field color palette

Muted Minimal Gray White

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Gray & Juniper Field is a monochromatic color palette tagged muted, minimal, gray. All four colors sit within 10° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. Warm and cool hues are mixed, which adds depth.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Juniper	`#466455`	`rgb(70, 100, 85)`	`hsl(150, 18%, 33%)`	`oklch(47.5% 0.043 162)`
Gray	`#628975`	`rgb(98, 137, 117)`	`hsl(149, 17%, 46%)`	`oklch(59.5% 0.053 162)`
Fog	`#C6DECE`	`rgb(198, 222, 206)`	`hsl(140, 27%, 82%)`	`oklch(87.8% 0.034 156)`
White	`#FEFDFA`	`rgb(254, 253, 250)`	`hsl(45, 67%, 99%)`	`oklch(99.4% 0.004 91)`

Why it works and how to use it

The palette holds together thanks to its monochromatic hue relationship and a strong light-to-dark ladder (99% down to 33% lightness). A natural fit for websites, presentations and branding.

Pair	Sample	Ratio	Level
`#466455` on `#FEFDFA`	Aa	6.42:1	AA
`#466455` on `#C6DECE`	Aa	4.59:1	AA
`#628975` on `#FEFDFA`	Aa	3.86:1	AA large only
`#628975` on `#C6DECE`	Aa	2.75:1	Fail
`#466455` on `#628975`	Aa	1.67:1	Fail
`#C6DECE` on `#FEFDFA`	Aa	1.4:1	Fail

Gray & Juniper Field color palette

Color codes click any value to copy

Why it works and how to use it

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

Design faster with Gray & Juniper Field

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood