#FFF3EFSmoke
#D58C88Salmon
#725335Coffee
#443C30Taupe

Salmon & Coffee Vibe color palette

MutedWarmWhiteBrownGray
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Salmon & Coffee Vibe is a analogous color palette tagged muted, warm, white. The hues stay within 27° of each other on the color wheel, which is why the palette feels cohesive rather than busy. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Smoke#FFF3EFrgb(255, 243, 239)hsl(15, 100%, 97%)oklch(97.2% 0.014 39)
Salmon#D58C88rgb(213, 140, 136)hsl(3, 48%, 68%)oklch(71.3% 0.090 23)
Coffee#725335rgb(114, 83, 53)hsl(30, 37%, 33%)oklch(46.8% 0.060 65)
Taupe#443C30rgb(68, 60, 48)hsl(36, 17%, 23%)oklch(36.1% 0.023 78)

Why it works and how to use it

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

  • Background: Smoke (#FFF3EF) is the lightest color, so it belongs on large surfaces.
  • Text: Taupe (#443C30) on #FFF3EF gives 9.98:1, passing WCAG AAA.
  • Primary: Salmon (#D58C88) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Coffee (#725335) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Salmon & Coffee Vibe

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

#FFF3EF
#D58C88
#725335
#443C30

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#FFF3EF on #443C30Aa9.98:1AAA
#FFF3EF on #725335Aa6.43:1AA
#D58C88 on #443C30Aa4.1:1AA large only
#D58C88 on #725335Aa2.64:1Fail
#FFF3EF on #D58C88Aa2.43:1Fail
#725335 on #443C30Aa1.55:1Fail

Similar palettes 24 more in this mood

More muted palettes →More warm palettes →More white palettes →More brown palettes →More gray palettes →