#C85A7C + #DE9D9B + #D9C99F + #F8F4EF + #AD9971 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C85A7C

Dark Violet · LightCoral · Rose Pink

HEX

#C85A7C

RGB

rgb(200, 90, 124)

HSL

hsl(341, 50%, 57%)

HSB

hsb(341, 55%, 78%)

CMYK

cmyk(0%, 55%, 38%, 22%)

Oklch

oklch(61.3% 0.144 2.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#DE9D9B

Peach Pink · Tan · Coral Red

HEX

#DE9D9B

RGB

rgb(222, 157, 155)

HSL

hsl(2, 50%, 74%)

HSB

hsb(2, 30%, 87%)

CMYK

cmyk(0%, 29%, 30%, 13%)

Oklch

oklch(75.8% 0.078 21.0)

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

#D9C99F

Goose Yellow · Tan · Sunflower

HEX

#D9C99F

RGB

rgb(217, 201, 159)

HSL

hsl(43, 43%, 74%)

HSB

hsb(43, 27%, 85%)

CMYK

cmyk(0%, 7%, 27%, 15%)

Oklch

oklch(83.9% 0.059 89.7)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#F8F4EF

Goose Yellow · SeaShell · Peach Orange

HEX

#F8F4EF

RGB

rgb(248, 244, 239)

HSL

hsl(33, 39%, 95%)

HSB

hsb(33, 4%, 97%)

CMYK

cmyk(0%, 2%, 4%, 3%)

Oklch

oklch(96.9% 0.008 73.7)

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

#AD9971

Ginger · Tan · Sunflower

HEX

#AD9971

RGB

rgb(173, 153, 113)

HSL

hsl(40, 27%, 56%)

HSB

hsb(40, 35%, 68%)

CMYK

cmyk(0%, 12%, 35%, 32%)

Oklch

oklch(69.1% 0.060 84.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C85A7C

5BC8A5

Analogous

C85BB4

C85A7C

C86F5B

Triadic

C85A7C

7DC85B

5B7DC8

Split-Comp.

C85A7C

5BC86F

5BB4C8

Tetradic

C85A7C

B4C85B

5BC8A5

6F5BC8

Contrast Matrix WCAG 2.1 Contrast

C85A7C	DE9D9B	D9C99F	F8F4EF	AD9971
—	1.8 Fail	2.5 Fail	3.7 AA Large	1.5 Fail
1.8 Fail	—	1.4 Fail	2.0 Fail	1.2 Fail
2.5 Fail	1.4 Fail	—	1.5 Fail	1.7 Fail
3.7 AA Large	2.0 Fail	1.5 Fail	—	2.5 Fail
1.5 Fail	1.2 Fail	1.7 Fail	2.5 Fail	—

White BG

4.0AA Large

2.2Fail

1.6Fail

1.1Fail

2.8Fail

Black BG

5.2AA

9.4AAA

12.8AAA

19.2AAA

7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

989774

C2C19B

D2D2A9

F6F6F0

A4A47B

Deuteranopia

9FA772

C6CA9C

D3D4AC

F7F7F1

A6A77D

Tritanopia

C36D6C

DB9C9C

D8B1B3

F8F1F1

AC8284

Achromatopsia

7F7F7F

B0B0B0

C9C9C9

F5F5F5

9A9A9A

Shades & Tints Shades & Tints

#C85A7C

Dark

Light

#DE9D9B

Dark

Light

#D9C99F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c85a7c;
  --color-2: #de9d9b;
  --color-3: #d9c99f;
  --color-4: #f8f4ef;
  --color-5: #ad9971;
}

SCSS

$color-1: #c85a7c;
$color-2: #de9d9b;
$color-3: #d9c99f;
$color-4: #f8f4ef;
$color-5: #ad9971;

TAILWIND

colors: {
  'brand-1': '#c85a7c',
  'brand-2': '#de9d9b',
  'brand-3': '#d9c99f',
  'brand-4': '#f8f4ef',
  'brand-5': '#ad9971',
}

RGB Array

[200, 90, 124], [222, 157, 155], [217, 201, 159], [248, 244, 239], [173, 153, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C85A7C, #DE9D9B, #D9C99F, #F8F4EF, #AD9971 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: #c85a7c; --color-2: #de9d9b; --color-3: #d9c99f; --color-4: #f8f4ef; --color-5: #ad9971. 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