What are the hex codes in the Salmon & Chestnut Muse palette?

The Salmon & Chestnut Muse color palette consists of Chestnut #99504F, Salmon #F58D7D, Apricot #FFC9B9, Buttercream #FFF8E5.

How should I use the Salmon & Chestnut Muse palette on a website?

Use Buttercream #FFF8E5 as the background, Chestnut #99504F for text, Apricot #FFC9B9 for buttons and links, and Salmon #F58D7D for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Chestnut on Buttercream at 5.48:1.

Which colors in Salmon & Chestnut Muse have enough contrast for text?

The highest-contrast pair is #99504F on #FFF8E5 with a ratio of 5.48:1, which passes WCAG AA for normal text.

#99504FChestnut

#F58D7DSalmon

#FFC9B9Apricot

#FFF8E5Buttercream

Salmon & Chestnut Muse color palette

Warm Romantic Brown Pink Beige White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Chestnut	`#99504F`	`rgb(153, 80, 79)`	`hsl(1, 32%, 45%)`	`oklch(51.9% 0.098 22)`
Salmon	`#F58D7D`	`rgb(245, 141, 125)`	`hsl(8, 86%, 73%)`	`oklch(75.1% 0.129 30)`
Apricot	`#FFC9B9`	`rgb(255, 201, 185)`	`hsl(14, 100%, 86%)`	`oklch(87.9% 0.066 37)`
Buttercream	`#FFF8E5`	`rgb(255, 248, 229)`	`hsl(44, 100%, 95%)`	`oklch(98.0% 0.026 90)`

Why it works and how to use it

Salmon & Chestnut Muse is a vivid light, monochromatic color palette tagged warm, romantic, brown. All four colors sit within 13° of hue, so the scheme reads as one color explored across light and dark. These are bold, punchy colors that need generous white space around them. The overall temperature is warm.

With 3 chromatic colors, Apricot takes the lead while the rest support. Lightness runs from 45% to 95%. Well suited to websites, presentations and branding.

Background: Buttercream (#FFF8E5) is the lightest color, so it belongs on large surfaces.
Text: Chestnut (#99504F) on #FFF8E5 gives 5.48:1, passing WCAG AA.
Primary: Apricot (#FFC9B9) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Salmon (#F58D7D) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Chestnut on Buttercream at 5.48:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Salmon & Chestnut Muse

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

#99504F

#F58D7D

#FFC9B9

#FFF8E5

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
`#99504F` on `#FFF8E5`	Aa	5.48:1	AA
`#99504F` on `#FFC9B9`	Aa	3.96:1	AA large only
`#99504F` on `#F58D7D`	Aa	2.49:1	Fail
`#F58D7D` on `#FFF8E5`	Aa	2.2:1	Fail
`#F58D7D` on `#FFC9B9`	Aa	1.59:1	Fail
`#FFC9B9` on `#FFF8E5`	Aa	1.38:1	Fail

:root {
  --chestnut: #99504F;
  --salmon: #F58D7D;
  --apricot: #FFC9B9;
  --buttercream: #FFF8E5;
}

$chestnut: #99504F;
$salmon: #F58D7D;
$apricot: #FFC9B9;
$buttercream: #FFF8E5;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'chestnut': '#99504F',
        'salmon': '#F58D7D',
        'apricot': '#FFC9B9',
        'buttercream': '#FFF8E5',
      },
    },
  },
};

{
  "name": "Salmon & Chestnut Muse",
  "colors": [
    "#99504F",
    "#F58D7D",
    "#FFC9B9",
    "#FFF8E5"
  ]
}

background: linear-gradient(135deg, #99504F, #F58D7D, #FFC9B9, #FFF8E5);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2025-02-03 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood