#7A6A7C + #CD8899 + #E0A89E + #E5C2A0 + #DBD9A6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#7A6A7C

Dark Plum · Gray · Warm Gray

HEX

#7A6A7C

RGB

rgb(122, 106, 124)

HSL

hsl(293, 8%, 45%)

HSB

hsb(293, 15%, 49%)

CMYK

cmyk(2%, 15%, 0%, 51%)

Oklch

oklch(54.6% 0.034 322.5)

Traditional「Dark Plum」· Paint「Warm Gray」· Creative Urban Concrete

#CD8899

Peach Pink · LightCoral · Coral Red

HEX

#CD8899

RGB

rgb(205, 136, 153)

HSL

hsl(345, 41%, 67%)

HSB

hsb(345, 34%, 80%)

CMYK

cmyk(0%, 34%, 25%, 20%)

Oklch

oklch(70.1% 0.087 3.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E0A89E

Peach Pink · Tan · Coral Red

HEX

#E0A89E

RGB

rgb(224, 168, 158)

HSL

hsl(9, 52%, 75%)

HSB

hsb(9, 29%, 88%)

CMYK

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

Oklch

oklch(78.1% 0.068 30.2)

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

#E5C2A0

Goose Yellow · BurlyWood · Peach Orange

HEX

#E5C2A0

RGB

rgb(229, 194, 160)

HSL

hsl(30, 57%, 76%)

HSB

hsb(30, 30%, 90%)

CMYK

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

Oklch

oklch(83.6% 0.061 66.0)

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

#DBD9A6

Fresh Green · Wheat · Sunflower

HEX

#DBD9A6

RGB

rgb(219, 217, 166)

HSL

hsl(58, 42%, 75%)

HSB

hsb(58, 24%, 86%)

CMYK

cmyk(0%, 1%, 24%, 14%)

Oklch

oklch(87.4% 0.067 105.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A6A7C

6C7C6A

Analogous

716A7C

7A6A7C

7C6A75

Triadic

7A6A7C

7C7A6A

6A7C7A

Split-Comp.

7A6A7C

757C6A

6A7C71

Tetradic

7A6A7C

7C716A

6C7C6A

6A757C

Contrast Matrix WCAG 2.1 Contrast

7A6A7C	CD8899	E0A89E	E5C2A0	DBD9A6
—	1.8 Fail	2.5 Fail	3.0 AA Large	3.5 AA Large
1.8 Fail	—	1.4 Fail	1.7 Fail	1.9 Fail
2.5 Fail	1.4 Fail	—	1.2 Fail	1.4 Fail
3.0 AA Large	1.7 Fail	1.2 Fail	—	1.2 Fail
3.5 AA Large	1.9 Fail	1.4 Fail	1.2 Fail	—

White BG

5.0AA

2.8Fail

2.0Fail

1.7Fail

1.4Fail

Black BG

4.2AA Large

7.6AAA

10.3AAA

12.6AAA

14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

737378

AFAF95

C8C7A0

D6D6A8

DADAB2

Deuteranopia

747577

B3B894

CBCFA1

D8DAAA

DADAB5

Tritanopia

797473

CA9291

DDA2A3

E3AFB0

DBBCBE

Achromatopsia

717171

9F9F9F

B8B8B8

C9C9C9

D4D4D4

Shades & Tints Shades & Tints

#7A6A7C

Dark

Light

#CD8899

Dark

Light

#E0A89E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a6a7c;
  --color-2: #cd8899;
  --color-3: #e0a89e;
  --color-4: #e5c2a0;
  --color-5: #dbd9a6;
}

SCSS

$color-1: #7a6a7c;
$color-2: #cd8899;
$color-3: #e0a89e;
$color-4: #e5c2a0;
$color-5: #dbd9a6;

TAILWIND

colors: {
  'brand-1': '#7a6a7c',
  'brand-2': '#cd8899',
  'brand-3': '#e0a89e',
  'brand-4': '#e5c2a0',
  'brand-5': '#dbd9a6',
}

RGB Array

[122, 106, 124], [205, 136, 153], [224, 168, 158], [229, 194, 160], [219, 217, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7A6A7C, #CD8899, #E0A89E, #E5C2A0, #DBD9A6 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: #7a6a7c; --color-2: #cd8899; --color-3: #e0a89e; --color-4: #e5c2a0; --color-5: #dbd9a6. 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