#5D5C5BStorm
#8A8883Stone
#F6F3EESmoke
#FC9977Salmon

Salmon & Stone Mood color palette

ModernGrayWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Salmon & Stone Mood is a neutral-based color palette tagged modern, gray, white. Salmon is the only saturated color here, so it does all the talking against a neutral base. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Storm#5D5C5Brgb(93, 92, 91)hsl(30, 1%, 36%)oklch(47.5% 0.002 68)
Stone#8A8883rgb(138, 136, 131)hsl(43, 3%, 53%)oklch(62.7% 0.008 89)
Smoke#F6F3EErgb(246, 243, 238)hsl(37, 31%, 95%)oklch(96.5% 0.007 81)
Salmon#FC9977rgb(252, 153, 119)hsl(15, 96%, 73%)oklch(77.8% 0.128 40)

Why it works and how to use it

The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (95% down to 36% lightness). A natural fit for websites, presentations and branding.

  • Background: Smoke (#F6F3EE) is the lightest color, so it belongs on large surfaces.
  • Text: Storm (#5D5C5B) on #F6F3EE gives 6.03:1, passing WCAG AA.
  • Primary: Salmon (#FC9977) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Stone (#8A8883) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Storm on Smoke at 6.03:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Salmon & Stone Mood

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

#5D5C5B
#8A8883
#F6F3EE
#FC9977

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#5D5C5B on #F6F3EEAa6.03:1AA
#8A8883 on #F6F3EEAa3.2:1AA large only
#5D5C5B on #FC9977Aa3.17:1AA large only
#F6F3EE on #FC9977Aa1.9:1Fail
#5D5C5B on #8A8883Aa1.88:1Fail
#8A8883 on #FC9977Aa1.68:1Fail

Similar palettes 24 more in this mood

More modern palettes →More gray palettes →More white palettes →