← Back to Editor

#7F4F75 · #D25F7C · #ED9379 · #DDAB8A · #D8C29B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#7F4F75

Rose Purple · DimGray · Eggplant

HEX
#7F4F75
RGB
rgb(127, 79, 117)
HSL
hsl(313, 23%, 40%)
HSB
hsb(313, 38%, 50%)
CMYK
cmyk(0%, 38%, 8%, 50%)
Oklch
oklch(49.5% 0.084 334.7)

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

#D25F7C

Crimson · LightCoral · Passion Red

HEX
#D25F7C
RGB
rgb(210, 95, 124)
HSL
hsl(345, 56%, 60%)
HSB
hsb(345, 55%, 82%)
CMYK
cmyk(0%, 55%, 41%, 18%)
Oklch
oklch(63.5% 0.147 6.4)

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

#ED9379

Peach Pink · DarkSalmon · Coral Red

HEX
#ED9379
RGB
rgb(237, 147, 121)
HSL
hsl(13, 76%, 70%)
HSB
hsb(13, 49%, 93%)
CMYK
cmyk(0%, 38%, 49%, 7%)
Oklch
oklch(75.0% 0.116 36.9)

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

#DDAB8A

Apricot · BurlyWood · Warm Sun

HEX
#DDAB8A
RGB
rgb(221, 171, 138)
HSL
hsl(24, 55%, 70%)
HSB
hsb(24, 38%, 87%)
CMYK
cmyk(0%, 23%, 38%, 13%)
Oklch
oklch(77.9% 0.074 54.8)

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

#D8C29B

Goose Yellow · Tan · Warm Sun

HEX
#D8C29B
RGB
rgb(216, 194, 155)
HSL
hsl(38, 44%, 73%)
HSB
hsb(38, 28%, 85%)
CMYK
cmyk(0%, 10%, 28%, 15%)
Oklch
oklch(82.3% 0.058 81.8)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7F4F75
4F7D59

Analogous

704F7D
7F4F75
7D4F5C

Triadic

7F4F75
737D4F
4F737D

Split-Comp.

7F4F75
5C7D4F
4F7D70

Tetradic

7F4F75
7D704F
4F7D59
4F5C7D

Contrast Matrix WCAG 2.1 Contrast

7F4F75
D25F7C
ED9379
DDAB8A
D8C29B
—
1.7
Fail
2.8
Fail
3.1
AA Large
3.7
AA Large
1.7
Fail
—
1.6
Fail
1.8
Fail
2.1
Fail
2.8
Fail
1.6
Fail
—
1.1
Fail
1.3
Fail
3.1
AA Large
1.8
Fail
1.1
Fail
—
1.2
Fail
3.7
AA Large
2.1
Fail
1.3
Fail
1.2
Fail
—
White BG
6.4AA
3.7AA Large
2.3Fail
2.0Fail
1.7Fail
Black BG
3.3AA Large
5.7AA
9.1AAA
10.3AAA
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A6A6C
A09F75
C6C57F
C7C792
CECEA4

Deuteranopia

6D716A
A7B073
CBD281
CACE94
D0D1A7

Tritanopia

7D6563
CC6F6E
E88485
DB989A
D7ACAE

Achromatopsia

626262
858585
ABABAB
B6B6B6
C4C4C4

Shades & Tints Shades & Tints

#7F4F75

Dark
Light

#D25F7C

Dark
Light

#ED9379

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7f4f75;
  --color-2: #d25f7c;
  --color-3: #ed9379;
  --color-4: #ddab8a;
  --color-5: #d8c29b;
}

SCSS

$color-1: #7f4f75;
$color-2: #d25f7c;
$color-3: #ed9379;
$color-4: #ddab8a;
$color-5: #d8c29b;

TAILWIND

colors: {
  'brand-1': '#7f4f75',
  'brand-2': '#d25f7c',
  'brand-3': '#ed9379',
  'brand-4': '#ddab8a',
  'brand-5': '#d8c29b',
}

RGB Array

[127, 79, 117], [210, 95, 124], [237, 147, 121], [221, 171, 138], [216, 194, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7F4F75, #D25F7C, #ED9379, #DDAB8A, #D8C29B is ideal for: corporate websites, product showcases, portfolios. 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: #7f4f75; --color-2: #d25f7c; --color-3: #ed9379; --color-4: #ddab8a; --color-5: #d8c29b. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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