#9E6B73Mocha
#C99CA2Dust
#E9D5D3Ballet
#F7F2EFSmoke

Faded Rose color palette

VintageMutedWarmBrownGrayWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Faded Rose is a pastel light, monochromatic color palette tagged vintage, muted, warm. All four colors sit within 14° of hue, so the scheme reads as one color explored across light and dark. The colors are light and airy, which suits friendly, soft-spoken brands. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Mocha#9E6B73rgb(158, 107, 115)hsl(351, 21%, 52%)oklch(58.3% 0.066 9)
Dust#C99CA2rgb(201, 156, 162)hsl(352, 29%, 70%)oklch(73.6% 0.054 10)
Ballet#E9D5D3rgb(233, 213, 211)hsl(5, 33%, 87%)oklch(88.9% 0.022 24)
Smoke#F7F2EFrgb(247, 242, 239)hsl(22, 33%, 95%)oklch(96.4% 0.007 53)

Why it works and how to use it

With 3 chromatic colors, Ballet takes the lead while the rest support. Lightness runs from 52% to 95%. Well suited to social media templates and gentle interfaces.

  • Background: Smoke (#F7F2EF) is the lightest color, so it belongs on large surfaces.
  • Text: Mocha (#9E6B73) on #F7F2EF gives 3.93:1, enough for large headings only.
  • Primary: Ballet (#E9D5D3) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Dust (#C99CA2) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

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

BrandFeaturesPricingBlogGet started

Design faster with Faded Rose

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

#9E6B73
#C99CA2
#E9D5D3
#F7F2EF

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#9E6B73 on #F7F2EFAa3.93:1AA large only
#9E6B73 on #E9D5D3Aa3.11:1AA large only
#C99CA2 on #F7F2EFAa2.16:1Fail
#9E6B73 on #C99CA2Aa1.82:1Fail
#C99CA2 on #E9D5D3Aa1.7:1Fail
#E9D5D3 on #F7F2EFAa1.27:1Fail

Similar palettes 24 more in this mood

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