← Back to Editor

#7D4D5B · #9F515E · #E9EFE5 · #DBE7DD · #ABC2BC

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#7D4D5B

Dark Violet · DimGray · Camellia

HEX
#7D4D5B
RGB
rgb(125, 77, 91)
HSL
hsl(343, 24%, 40%)
HSB
hsb(343, 38%, 49%)
CMYK
cmyk(0%, 38%, 27%, 51%)
Oklch
oklch(47.9% 0.067 1.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#9F515E

Crimson · Sienna · Passion Red

HEX
#9F515E
RGB
rgb(159, 81, 94)
HSL
hsl(350, 33%, 47%)
HSB
hsb(350, 49%, 62%)
CMYK
cmyk(0%, 49%, 41%, 38%)
Oklch
oklch(53.3% 0.104 10.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#E9EFE5

Celadon · Beige · Mint Green

HEX
#E9EFE5
RGB
rgb(233, 239, 229)
HSL
hsl(96, 24%, 92%)
HSB
hsb(96, 4%, 94%)
CMYK
cmyk(3%, 0%, 4%, 6%)
Oklch
oklch(94.5% 0.015 132.5)

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

#DBE7DD

Celadon · LightGray · Mint Green

HEX
#DBE7DD
RGB
rgb(219, 231, 221)
HSL
hsl(130, 20%, 88%)
HSB
hsb(130, 5%, 91%)
CMYK
cmyk(5%, 0%, 4%, 9%)
Oklch
oklch(91.6% 0.019 150.5)

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

#ABC2BC

Jade · Silver · Lake Green

HEX
#ABC2BC
RGB
rgb(171, 194, 188)
HSL
hsl(164, 16%, 72%)
HSB
hsb(164, 12%, 76%)
CMYK
cmyk(12%, 0%, 3%, 24%)
Oklch
oklch(79.5% 0.026 178.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7D4D5B
4E7E71

Analogous

7E4E74
7D4D5B
7E584E

Triadic

7D4D5B
5B7E4E
4E5B7E

Split-Comp.

7D4D5B
4E7E58
4E747E

Tetradic

7D4D5B
747E4E
4E7E71
584E7E

Contrast Matrix WCAG 2.1 Contrast

7D4D5B
9F515E
E9EFE5
DBE7DD
ABC2BC
—
1.2
Fail
5.8
AA
5.3
AA
3.6
AA Large
1.2
Fail
—
4.7
AA
4.3
AA Large
2.9
Fail
5.8
AA
4.7
AA
—
1.1
Fail
1.6
Fail
5.3
AA
4.3
AA Large
1.1
Fail
—
1.5
Fail
3.6
AA Large
2.9
Fail
1.6
Fail
1.5
Fail
—
White BG
6.8AA
5.5AA
1.2Fail
1.3Fail
1.9Fail
Black BG
3.1AA Large
3.8AA Large
17.9AAA
16.5AAA
11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

686858
7D7D5B
ECECE7
E0E0DF
B5B5BD

Deuteranopia

6B6F57
82885A
EBEBE8
E0DFE0
B4B2BE

Tritanopia

7B5554
9B5858
E9E9EA
DCE1E2
ACBFBF

Achromatopsia

5D5D5D
6A6A6A
ECECEC
E2E2E2
BABABA

Shades & Tints Shades & Tints

#7D4D5B

Dark
Light

#9F515E

Dark
Light

#E9EFE5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7d4d5b;
  --color-2: #9f515e;
  --color-3: #e9efe5;
  --color-4: #dbe7dd;
  --color-5: #abc2bc;
}

SCSS

$color-1: #7d4d5b;
$color-2: #9f515e;
$color-3: #e9efe5;
$color-4: #dbe7dd;
$color-5: #abc2bc;

TAILWIND

colors: {
  'brand-1': '#7d4d5b',
  'brand-2': '#9f515e',
  'brand-3': '#e9efe5',
  'brand-4': '#dbe7dd',
  'brand-5': '#abc2bc',
}

RGB Array

[125, 77, 91], [159, 81, 94], [233, 239, 229], [219, 231, 221], [171, 194, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7D4D5B, #9F515E, #E9EFE5, #DBE7DD, #ABC2BC is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #7d4d5b; --color-2: #9f515e; --color-3: #e9efe5; --color-4: #dbe7dd; --color-5: #abc2bc. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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