#DC6E9D + #E4917F + #DBB1C5 + #DFDAD7 + #EDE9E6 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#DC6E9D

Rouge · LightCoral · Rose Pink

HEX

#DC6E9D

RGB

rgb(220, 110, 157)

HSL

hsl(334, 61%, 65%)

HSB

hsb(334, 50%, 86%)

CMYK

cmyk(0%, 50%, 29%, 14%)

Oklch

oklch(67.9% 0.146 354.8)

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

#E4917F

Peach Pink · DarkSalmon · Coral Red

HEX

#E4917F

RGB

rgb(228, 145, 127)

HSL

hsl(11, 65%, 70%)

HSB

hsb(11, 44%, 89%)

CMYK

cmyk(0%, 36%, 44%, 11%)

Oklch

oklch(73.7% 0.105 32.9)

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

#DBB1C5

Rouge · Silver · Cherry Blossom

HEX

#DBB1C5

RGB

rgb(219, 177, 197)

HSL

hsl(331, 37%, 78%)

HSB

hsb(331, 19%, 86%)

CMYK

cmyk(0%, 19%, 10%, 14%)

Oklch

oklch(80.4% 0.055 348.1)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#DFDAD7

Apricot · LightGray · Peach Orange

HEX

#DFDAD7

RGB

rgb(223, 218, 215)

HSL

hsl(22, 11%, 86%)

HSB

hsb(22, 4%, 87%)

CMYK

cmyk(0%, 2%, 4%, 13%)

Oklch

oklch(89.1% 0.007 53.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EDE9E6

Apricot · Linen · Peach Orange

HEX

#EDE9E6

RGB

rgb(237, 233, 230)

HSL

hsl(26, 16%, 92%)

HSB

hsb(26, 3%, 93%)

CMYK

cmyk(0%, 2%, 3%, 7%)

Oklch

oklch(93.6% 0.006 59.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DC6E9D

6FDCAD

Analogous

DC6FD5

DC6E9D

DC776F

Triadic

DC6E9D

9EDC6F

6F9EDC

Split-Comp.

DC6E9D

6FDC77

6FD5DC

Tetradic

DC6E9D

D5DC6F

6FDCAD

776FDC

Contrast Matrix WCAG 2.1 Contrast

DC6E9D	E4917F	DBB1C5	DFDAD7	EDE9E6
—	1.3 Fail	1.6 Fail	2.2 Fail	2.6 Fail
1.3 Fail	—	1.3 Fail	1.8 Fail	2.0 Fail
1.6 Fail	1.3 Fail	—	1.4 Fail	1.6 Fail
2.2 Fail	1.8 Fail	1.4 Fail	—	1.1 Fail
2.6 Fail	2.0 Fail	1.6 Fail	1.1 Fail	—

White BG

3.1AA Large

2.4Fail

1.9Fail

1.4Fail

1.2Fail

Black BG

6.8AA

8.7AAA

11.1AAA

15.1AAA

17.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAB92

C0BF83

C9C8C0

DDDDD8

EBEBE7

Deuteranopia

B3BB8F

C5CB84

CBCEBF

DDDED8

ECECE7

Tritanopia

D78987

E08788

D9BCBC

DFD8D8

EDE7E7

Achromatopsia

949494

A8A8A8

C0C0C0

DBDBDB

EAEAEA

Shades & Tints Shades & Tints

#DC6E9D

Dark

Light

#E4917F

Dark

Light

#DBB1C5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dc6e9d;
  --color-2: #e4917f;
  --color-3: #dbb1c5;
  --color-4: #dfdad7;
  --color-5: #ede9e6;
}

SCSS

$color-1: #dc6e9d;
$color-2: #e4917f;
$color-3: #dbb1c5;
$color-4: #dfdad7;
$color-5: #ede9e6;

TAILWIND

colors: {
  'brand-1': '#dc6e9d',
  'brand-2': '#e4917f',
  'brand-3': '#dbb1c5',
  'brand-4': '#dfdad7',
  'brand-5': '#ede9e6',
}

RGB Array

[220, 110, 157], [228, 145, 127], [219, 177, 197], [223, 218, 215], [237, 233, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #DC6E9D, #E4917F, #DBB1C5, #DFDAD7, #EDE9E6 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: #dc6e9d; --color-2: #e4917f; --color-3: #dbb1c5; --color-4: #dfdad7; --color-5: #ede9e6. 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 nature-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