#9F738C + #C99893 + #DCAC96 + #F0CBA1 + #F8DEAD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#9F738C

Rose Purple · Gray · Rose Pink

HEX

#9F738C

RGB

rgb(159, 115, 140)

HSL

hsl(326, 19%, 54%)

HSB

hsb(326, 28%, 62%)

CMYK

cmyk(0%, 28%, 12%, 38%)

Oklch

oklch(60.8% 0.065 344.1)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#C99893

Peach Pink · Tan · Coral Red

HEX

#C99893

RGB

rgb(201, 152, 147)

HSL

hsl(6, 33%, 68%)

HSB

hsb(6, 27%, 79%)

CMYK

cmyk(0%, 24%, 27%, 21%)

Oklch

oklch(72.4% 0.060 25.3)

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

#DCAC96

Apricot · Tan · Warm Sun

HEX

#DCAC96

RGB

rgb(220, 172, 150)

HSL

hsl(19, 50%, 73%)

HSB

hsb(19, 32%, 86%)

CMYK

cmyk(0%, 22%, 32%, 14%)

Oklch

oklch(78.3% 0.064 45.8)

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

#F0CBA1

Goose Yellow · Wheat · Peach Orange

HEX

#F0CBA1

RGB

rgb(240, 203, 161)

HSL

hsl(32, 72%, 79%)

HSB

hsb(32, 33%, 94%)

CMYK

cmyk(0%, 15%, 33%, 6%)

Oklch

oklch(86.4% 0.069 70.3)

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

#F8DEAD

Goose Yellow · Wheat · Peach Orange

HEX

#F8DEAD

RGB

rgb(248, 222, 173)

HSL

hsl(39, 84%, 83%)

HSB

hsb(39, 30%, 97%)

CMYK

cmyk(0%, 10%, 30%, 3%)

Oklch

oklch(91.0% 0.070 83.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9F738C

73A087

Analogous

9D73A0

9F738C

A07376

Triadic

9F738C

8DA073

738DA0

Split-Comp.

9F738C

76A073

73A09D

Tetradic

9F738C

A09D73

73A087

7376A0

Contrast Matrix WCAG 2.1 Contrast

9F738C	C99893	DCAC96	F0CBA1	F8DEAD
—	1.6 Fail	2.0 Fail	2.6 Fail	3.0 AA Large
1.6 Fail	—	1.2 Fail	1.6 Fail	1.9 Fail
2.0 Fail	1.2 Fail	—	1.3 Fail	1.5 Fail
2.6 Fail	1.6 Fail	1.3 Fail	—	1.2 Fail
3.0 AA Large	1.9 Fail	1.5 Fail	1.2 Fail	—

White BG

4.0AA Large

2.5Fail

2.0Fail

1.5Fail

1.3Fail

Black BG

5.3AA

8.4AAA

10.4AAA

13.8AAA

16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8C86

B4B394

C7C79B

E0E0AB

EDEDB9

Deuteranopia

8F9285

B7BA95

CACE9D

E2E5AE

EEF0BC

Tritanopia

9D8180

C79595

DAA0A0

EEB3B5

F7C2C4

Achromatopsia

838383

A6A6A6

B8B8B8

D1D1D1

E0E0E0

Shades & Tints Shades & Tints

#9F738C

Dark

Light

#C99893

Dark

Light

#DCAC96

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9f738c;
  --color-2: #c99893;
  --color-3: #dcac96;
  --color-4: #f0cba1;
  --color-5: #f8dead;
}

SCSS

$color-1: #9f738c;
$color-2: #c99893;
$color-3: #dcac96;
$color-4: #f0cba1;
$color-5: #f8dead;

TAILWIND

colors: {
  'brand-1': '#9f738c',
  'brand-2': '#c99893',
  'brand-3': '#dcac96',
  'brand-4': '#f0cba1',
  'brand-5': '#f8dead',
}

RGB Array

[159, 115, 140], [201, 152, 147], [220, 172, 150], [240, 203, 161], [248, 222, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9F738C, #C99893, #DCAC96, #F0CBA1, #F8DEAD 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: #9f738c; --color-2: #c99893; --color-3: #dcac96; --color-4: #f0cba1; --color-5: #f8dead. 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 general-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