#C5B4AC + #FDADB0 + #E1AFA8 + #FDCC92 + #9D9690 · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C5B4AC

Apricot · Silver · Warm Sun

HEX

#C5B4AC

RGB

rgb(197, 180, 172)

HSL

hsl(19, 18%, 72%)

HSB

hsb(19, 13%, 77%)

CMYK

cmyk(0%, 9%, 13%, 23%)

Oklch

oklch(78.2% 0.023 46.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FDADB0

Peach Pink · LightPink · Cherry Blossom

HEX

#FDADB0

RGB

rgb(253, 173, 176)

HSL

hsl(358, 95%, 84%)

HSB

hsb(358, 32%, 99%)

CMYK

cmyk(0%, 32%, 30%, 1%)

Oklch

oklch(82.5% 0.094 16.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#E1AFA8

Peach Pink · Tan · Coral Red

HEX

#E1AFA8

RGB

rgb(225, 175, 168)

HSL

hsl(7, 49%, 77%)

HSB

hsb(7, 25%, 88%)

CMYK

cmyk(0%, 22%, 25%, 12%)

Oklch

oklch(79.8% 0.060 27.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FDCC92

Goose Yellow · Khaki · Peach Orange

HEX

#FDCC92

RGB

rgb(253, 204, 146)

HSL

hsl(33, 96%, 78%)

HSB

hsb(33, 42%, 99%)

CMYK

cmyk(0%, 19%, 42%, 1%)

Oklch

oklch(87.5% 0.093 70.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#9D9690

Ash · DarkGray · Silver Sand

HEX

#9D9690

RGB

rgb(157, 150, 144)

HSL

hsl(28, 6%, 59%)

HSB

hsb(28, 8%, 62%)

CMYK

cmyk(0%, 4%, 8%, 38%)

Oklch

oklch(67.7% 0.012 63.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5B4AC

ABBCC4

Analogous

C4ABAF

C5B4AC

C4C0AB

Triadic

C5B4AC

ABC4B3

B3ABC4

Split-Comp.

C5B4AC

ABC4C0

ABAFC4

Tetradic

C5B4AC

AFC4AB

ABBCC4

C0ABC4

Contrast Matrix WCAG 2.1 Contrast

C5B4AC	FDADB0	E1AFA8	FDCC92	9D9690
—	1.1 Fail	1.0 Fail	1.4 Fail	1.5 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.6 Fail
1.0 Fail	1.1 Fail	—	1.3 Fail	1.5 Fail
1.4 Fail	1.2 Fail	1.3 Fail	—	2.0 Fail
1.5 Fail	1.6 Fail	1.5 Fail	2.0 Fail	—

White BG

2.0Fail

1.8Fail

1.9Fail

1.5Fail

2.9Fail

Black BG

10.5AAA

11.8AAA

10.9AAA

14.2AAA

7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBDAE

DADAAF

CBCBAA

E8E7A0

9A9A91

Deuteranopia

BFC0AE

DFE5AF

CED2AA

EBEEA3

9A9B92

Tritanopia

C4AFB0

F9AFAF

DFABAB

FBABAE

9D9393

Achromatopsia

B8B8B8

C5C5C5

BDBDBD

D4D4D4

979797

Shades & Tints Shades & Tints

#C5B4AC

Dark

Light

#FDADB0

Dark

Light

#E1AFA8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5b4ac;
  --color-2: #fdadb0;
  --color-3: #e1afa8;
  --color-4: #fdcc92;
  --color-5: #9d9690;
}

SCSS

$color-1: #c5b4ac;
$color-2: #fdadb0;
$color-3: #e1afa8;
$color-4: #fdcc92;
$color-5: #9d9690;

TAILWIND

colors: {
  'brand-1': '#c5b4ac',
  'brand-2': '#fdadb0',
  'brand-3': '#e1afa8',
  'brand-4': '#fdcc92',
  'brand-5': '#9d9690',
}

RGB Array

[197, 180, 172], [253, 173, 176], [225, 175, 168], [253, 204, 146], [157, 150, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #C5B4AC, #FDADB0, #E1AFA8, #FDCC92, #9D9690 is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c5b4ac; --color-2: #fdadb0; --color-3: #e1afa8; --color-4: #fdcc92; --color-5: #9d9690. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This sunset-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color