#DF5972 + #E2AD7B + #A8AC7A + #62A59E + #844864 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DF5972

Peach Pink · LightCoral · Coral Red

HEX

#DF5972

RGB

rgb(223, 89, 114)

HSL

hsl(349, 68%, 61%)

HSB

hsb(349, 60%, 87%)

CMYK

cmyk(0%, 60%, 49%, 13%)

Oklch

oklch(64.3% 0.168 11.8)

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

#E2AD7B

Apricot · BurlyWood · Warm Sun

HEX

#E2AD7B

RGB

rgb(226, 173, 123)

HSL

hsl(29, 64%, 68%)

HSB

hsb(29, 46%, 89%)

CMYK

cmyk(0%, 23%, 46%, 11%)

Oklch

oklch(78.5% 0.090 64.2)

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

#A8AC7A

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#A8AC7A

RGB

rgb(168, 172, 122)

HSL

hsl(65, 23%, 58%)

HSB

hsb(65, 29%, 67%)

CMYK

cmyk(2%, 0%, 29%, 33%)

Oklch

oklch(72.9% 0.068 111.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#62A59E

Mineral Blue · CadetBlue · Lake Green

HEX

#62A59E

RGB

rgb(98, 165, 158)

HSL

hsl(174, 27%, 52%)

HSB

hsb(174, 41%, 65%)

CMYK

cmyk(41%, 0%, 4%, 35%)

Oklch

oklch(67.5% 0.069 187.1)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#844864

Dark Violet · DimGray · Camellia

HEX

#844864

RGB

rgb(132, 72, 100)

HSL

hsl(332, 29%, 40%)

HSB

hsb(332, 45%, 52%)

CMYK

cmyk(0%, 45%, 24%, 48%)

Oklch

oklch(48.3% 0.089 351.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DF5972

58DFC6

Analogous

DF58B4

DF5972

DF8358

Triadic

DF5972

71DF58

5871DF

Split-Comp.

DF5972

58DF83

58B4DF

Tetradic

DF5972

B4DF58

58DFC6

8358DF

Contrast Matrix WCAG 2.1 Contrast

DF5972	E2AD7B	A8AC7A	62A59E	844864
—	1.8 Fail	1.5 Fail	1.3 Fail	1.9 Fail
1.8 Fail	—	1.2 Fail	1.4 Fail	3.4 AA Large
1.5 Fail	1.2 Fail	—	1.2 Fail	2.9 Fail
1.3 Fail	1.4 Fail	1.2 Fail	—	2.4 Fail
1.9 Fail	3.4 AA Large	2.9 Fail	2.4 Fail	—

White BG

3.6AA Large

2.0Fail

2.4Fail

2.8Fail

6.8AA

Black BG

5.8AA

10.5AAA

8.8AAA

7.4AAA

3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A46C

CBCB87

AAAA86

7F80A0

6A695D

Deuteranopia

ADB76B

CED28A

AAA989

7B76A0

6E725C

Tritanopia

D86766

DF9193

A89092

65A1A1

815857

Achromatopsia

848484

B7B7B7

A5A5A5

909090

5D5D5D

Shades & Tints Shades & Tints

#DF5972

Dark

Light

#E2AD7B

Dark

Light

#A8AC7A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #df5972;
  --color-2: #e2ad7b;
  --color-3: #a8ac7a;
  --color-4: #62a59e;
  --color-5: #844864;
}

SCSS

$color-1: #df5972;
$color-2: #e2ad7b;
$color-3: #a8ac7a;
$color-4: #62a59e;
$color-5: #844864;

TAILWIND

colors: {
  'brand-1': '#df5972',
  'brand-2': '#e2ad7b',
  'brand-3': '#a8ac7a',
  'brand-4': '#62a59e',
  'brand-5': '#844864',
}

RGB Array

[223, 89, 114], [226, 173, 123], [168, 172, 122], [98, 165, 158], [132, 72, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DF5972, #E2AD7B, #A8AC7A, #62A59E, #844864 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: #df5972; --color-2: #e2ad7b; --color-3: #a8ac7a; --color-4: #62a59e; --color-5: #844864. 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