#7A5671 + #CA759A + #D79AB8 + #D7B9BE + #DCD3C2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#7A5671

Rose Purple · DimGray · Violet

HEX

#7A5671

RGB

rgb(122, 86, 113)

HSL

hsl(315, 17%, 41%)

HSB

hsb(315, 30%, 48%)

CMYK

cmyk(0%, 30%, 7%, 52%)

Oklch

oklch(50.1% 0.062 335.8)

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

#CA759A

Rouge · LightCoral · Rose Pink

HEX

#CA759A

RGB

rgb(202, 117, 154)

HSL

hsl(334, 45%, 63%)

HSB

hsb(334, 42%, 79%)

CMYK

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

Oklch

oklch(66.6% 0.115 353.1)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#D79AB8

Rouge · Silver · Rose Pink

HEX

#D79AB8

RGB

rgb(215, 154, 184)

HSL

hsl(330, 43%, 72%)

HSB

hsb(330, 28%, 84%)

CMYK

cmyk(0%, 28%, 14%, 16%)

Oklch

oklch(75.4% 0.082 348.3)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#D7B9BE

Peach Pink · Silver · Coral Red

HEX

#D7B9BE

RGB

rgb(215, 185, 190)

HSL

hsl(350, 27%, 78%)

HSB

hsb(350, 14%, 84%)

CMYK

cmyk(0%, 14%, 12%, 16%)

Oklch

oklch(81.3% 0.035 6.5)

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

#DCD3C2

Goose Yellow · LightGray · Peach Orange

HEX

#DCD3C2

RGB

rgb(220, 211, 194)

HSL

hsl(39, 27%, 81%)

HSB

hsb(39, 12%, 86%)

CMYK

cmyk(0%, 4%, 12%, 14%)

Oklch

oklch(86.9% 0.025 83.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A5671

577A60

Analogous

71577A

7A5671

7A5760

Triadic

7A5671

717A57

57717A

Split-Comp.

7A5671

607A57

577A71

Tetradic

7A5671

7A7157

577A60

57607A

Contrast Matrix WCAG 2.1 Contrast

7A5671	CA759A	D79AB8	D7B9BE	DCD3C2
—	1.9 Fail	2.7 Fail	3.4 AA Large	4.2 AA Large
1.9 Fail	—	1.4 Fail	1.8 Fail	2.2 Fail
2.7 Fail	1.4 Fail	—	1.3 Fail	1.5 Fail
3.4 AA Large	1.8 Fail	1.3 Fail	—	1.2 Fail
4.2 AA Large	2.2 Fail	1.5 Fail	1.2 Fail	—

White BG

6.2AA

3.2AA Large

2.3Fail

1.8Fail

1.5Fail

Black BG

3.4AA Large

6.5AA

9.2AAA

11.6AAA

14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A6A6A

A5A491

BDBCB1

CACABD

D8D8C6

Deuteranopia

6D6F69

AAB08F

C0C5AF

CCCEBD

D9D9C7

Tritanopia

786564

C68A88

D4ABAA

D6BCBC

DCC9CA

Achromatopsia

646464

939393

B0B0B0

C3C3C3

D4D4D4

Shades & Tints Shades & Tints

#7A5671

Dark

Light

#CA759A

Dark

Light

#D79AB8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a5671;
  --color-2: #ca759a;
  --color-3: #d79ab8;
  --color-4: #d7b9be;
  --color-5: #dcd3c2;
}

SCSS

$color-1: #7a5671;
$color-2: #ca759a;
$color-3: #d79ab8;
$color-4: #d7b9be;
$color-5: #dcd3c2;

TAILWIND

colors: {
  'brand-1': '#7a5671',
  'brand-2': '#ca759a',
  'brand-3': '#d79ab8',
  'brand-4': '#d7b9be',
  'brand-5': '#dcd3c2',
}

RGB Array

[122, 86, 113], [202, 117, 154], [215, 154, 184], [215, 185, 190], [220, 211, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7A5671, #CA759A, #D79AB8, #D7B9BE, #DCD3C2 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: #7a5671; --color-2: #ca759a; --color-3: #d79ab8; --color-4: #d7b9be; --color-5: #dcd3c2. 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