What are the hex codes in the Cloud Dancer 2026 palette?

The Cloud Dancer 2026 color palette consists of Linen #F1EFE7, Fog #D9D4C7, Stone #8C8A82, Jet #2F2F2F.

How should I use the Cloud Dancer 2026 palette on a website?

Use Linen #F1EFE7 as the background, Jet #2F2F2F for text, Fog #D9D4C7 for buttons and links, and Stone #8C8A82 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Jet at 11.63:1.

Which colors in Cloud Dancer 2026 have enough contrast for text?

The highest-contrast pair is #F1EFE7 on #2F2F2F with a ratio of 11.63:1, which passes WCAG AA for normal text.

#F1EFE7Linen

#D9D4C7Fog

#8C8A82Stone

#2F2F2FJet

Cloud Dancer 2026 color palette

2026 Trends Monochrome Minimal White Gray

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Linen	`#F1EFE7`	`rgb(241, 239, 231)`	`hsl(48, 26%, 93%)`	`oklch(95.1% 0.011 95)`
Fog	`#D9D4C7`	`rgb(217, 212, 199)`	`hsl(43, 19%, 82%)`	`oklch(87.0% 0.018 89)`
Stone	`#8C8A82`	`rgb(140, 138, 130)`	`hsl(48, 4%, 53%)`	`oklch(63.3% 0.012 95)`
Jet	`#2F2F2F`	`rgb(47, 47, 47)`	`hsl(0, 0%, 18%)`	`oklch(30.5% 0.000 0)`

Why it works and how to use it

Cloud Dancer 2026 is a muted monochromatic color palette tagged 2026 trends, monochrome, minimal. All four colors sit within 5° of hue, so the scheme reads as one color explored across light and dark. Every color is softened, so it works well as a background system for text-heavy layouts. The overall temperature is warm.

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

Background: Linen (#F1EFE7) is the lightest color, so it belongs on large surfaces.
Text: Jet (#2F2F2F) on #F1EFE7 gives 11.63:1, passing WCAG AAA.
Primary: Fog (#D9D4C7) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Stone (#8C8A82) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Jet at 11.63:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Cloud Dancer 2026

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

#F1EFE7

#D9D4C7

#8C8A82

#2F2F2F

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
`#F1EFE7` on `#2F2F2F`	Aa	11.63:1	AAA
`#D9D4C7` on `#2F2F2F`	Aa	9.05:1	AAA
`#8C8A82` on `#2F2F2F`	Aa	3.87:1	AA large only
`#F1EFE7` on `#8C8A82`	Aa	3:1	AA large only
`#D9D4C7` on `#8C8A82`	Aa	2.34:1	Fail
`#F1EFE7` on `#D9D4C7`	Aa	1.29:1	Fail

Similar palettes 59 more in this mood