What are the hex codes in the Wheat & Stone Sky palette?

The Wheat & Stone Sky color palette consists of Onyx #3C3A36, Stone #999288, Snow #FCF8F1, Wheat #FDD8A0.

How should I use the Wheat & Stone Sky palette on a website?

Use Snow #FCF8F1 as the background, Onyx #3C3A36 for text, Wheat #FDD8A0 for buttons and links, and Stone #999288 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Onyx on Snow at 10.72:1.

Which colors in Wheat & Stone Sky have enough contrast for text?

The highest-contrast pair is #3C3A36 on #FCF8F1 with a ratio of 10.72:1, which passes WCAG AA for normal text.

#3C3A36Onyx

#999288Stone

#FCF8F1Snow

#FDD8A0Wheat

Wheat & Stone Sky color palette

Minimal Gray White Beige

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Onyx	`#3C3A36`	`rgb(60, 58, 54)`	`hsl(40, 5%, 22%)`	`oklch(34.9% 0.007 85)`
Stone	`#999288`	`rgb(153, 146, 136)`	`hsl(35, 8%, 57%)`	`oklch(66.3% 0.017 77)`
Snow	`#FCF8F1`	`rgb(252, 248, 241)`	`hsl(38, 65%, 97%)`	`oklch(98.0% 0.010 82)`
Wheat	`#FDD8A0`	`rgb(253, 216, 160)`	`hsl(36, 96%, 81%)`	`oklch(90.1% 0.083 78)`

Why it works and how to use it

Wheat & Stone Sky is a neutral-based color palette tagged minimal, gray, white. Built almost entirely from neutrals, with Wheat (#FDD8A0) as the single point of color. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

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

Background: Snow (#FCF8F1) is the lightest color, so it belongs on large surfaces.
Text: Onyx (#3C3A36) on #FCF8F1 gives 10.72:1, passing WCAG AAA.
Primary: Wheat (#FDD8A0) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Stone (#999288) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Onyx on Snow at 10.72:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Wheat & Stone Sky

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

Roles are assigned by lightness.

Color blindness simulation

#3C3A36

#999288

#FCF8F1

#FDD8A0

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

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#3C3A36` on `#FCF8F1`	Aa	10.72:1	AAA
`#3C3A36` on `#FDD8A0`	Aa	8.38:1	AAA
`#3C3A36` on `#999288`	Aa	3.69:1	AA large only
`#999288` on `#FCF8F1`	Aa	2.91:1	Fail
`#999288` on `#FDD8A0`	Aa	2.27:1	Fail
`#FCF8F1` on `#FDD8A0`	Aa	1.28:1	Fail

Similar palettes 24 more in this mood