← Back to Editor

#7A5574 · #C0738F · #EF738B · #D6B7A4 · #DDE4BD

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#7A5574

Rose Purple · DimGray · Violet

HEX
#7A5574
RGB
rgb(122, 85, 116)
HSL
hsl(310, 18%, 41%)
HSB
hsb(310, 30%, 48%)
CMYK
cmyk(0%, 30%, 5%, 52%)
Oklch
oklch(50.0% 0.067 332.3)

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

#C0738F

Dark Violet · LightCoral · Rose Pink

HEX
#C0738F
RGB
rgb(192, 115, 143)
HSL
hsl(338, 38%, 60%)
HSB
hsb(338, 40%, 75%)
CMYK
cmyk(0%, 40%, 26%, 25%)
Oklch
oklch(64.7% 0.102 357.1)

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

#EF738B

Peach Pink · LightCoral · Coral Red

HEX
#EF738B
RGB
rgb(239, 115, 139)
HSL
hsl(348, 79%, 69%)
HSB
hsb(348, 52%, 94%)
CMYK
cmyk(0%, 52%, 42%, 6%)
Oklch
oklch(70.7% 0.154 9.7)

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

#D6B7A4

Apricot · Tan · Warm Sun

HEX
#D6B7A4
RGB
rgb(214, 183, 164)
HSL
hsl(23, 38%, 74%)
HSB
hsb(23, 23%, 84%)
CMYK
cmyk(0%, 14%, 23%, 16%)
Oklch
oklch(80.1% 0.044 53.4)

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

#DDE4BD

Willow Green · Wheat · Mint Green

HEX
#DDE4BD
RGB
rgb(221, 228, 189)
HSL
hsl(71, 42%, 82%)
HSB
hsb(71, 17%, 89%)
CMYK
cmyk(3%, 0%, 17%, 11%)
Oklch
oklch(90.3% 0.052 115.7)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A5574
567B5C

Analogous

6F567B
7A5574
7B5662

Triadic

7A5574
757B56
56757B

Split-Comp.

7A5574
627B56
567B6F

Tetradic

7A5574
7B6F56
567B5C
56627B

Contrast Matrix WCAG 2.1 Contrast

7A5574
C0738F
EF738B
D6B7A4
DDE4BD
—
1.8
Fail
2.2
Fail
3.3
AA Large
4.7
AA
1.8
Fail
—
1.2
Fail
1.8
Fail
2.6
Fail
2.2
Fail
1.2
Fail
—
1.5
Fail
2.1
Fail
3.3
AA Large
1.8
Fail
1.5
Fail
—
1.4
Fail
4.7
AA
2.6
Fail
2.1
Fail
1.4
Fail
—
White BG
6.2AA
3.4AA Large
2.8Fail
1.9Fail
1.3Fail
Black BG
3.4AA Large
6.1AA
7.5AAA
11.2AAA
15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A6A6C
9F9E88
B9B885
C9C8A9
E0E0C6

Deuteranopia

6C6F6B
A3A987
C1CA84
CACDAA
E0DFC9

Tritanopia

786765
BC8382
E98180
D4ACAD
DDCED0

Achromatopsia

646464
8D8D8D
9B9B9B
BEBEBE
DDDDDD

Shades & Tints Shades & Tints

#7A5574

Dark
Light

#C0738F

Dark
Light

#EF738B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a5574;
  --color-2: #c0738f;
  --color-3: #ef738b;
  --color-4: #d6b7a4;
  --color-5: #dde4bd;
}

SCSS

$color-1: #7a5574;
$color-2: #c0738f;
$color-3: #ef738b;
$color-4: #d6b7a4;
$color-5: #dde4bd;

TAILWIND

colors: {
  'brand-1': '#7a5574',
  'brand-2': '#c0738f',
  'brand-3': '#ef738b',
  'brand-4': '#d6b7a4',
  'brand-5': '#dde4bd',
}

RGB Array

[122, 85, 116], [192, 115, 143], [239, 115, 139], [214, 183, 164], [221, 228, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7A5574, #C0738F, #EF738B, #D6B7A4, #DDE4BD is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #7a5574; --color-2: #c0738f; --color-3: #ef738b; --color-4: #d6b7a4; --color-5: #dde4bd. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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