#DE6A8B + #DE9C86 + #DECD81 + #E7D9AB + #F0E5D5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DE6A8B

Rouge · LightCoral · Rose Pink

HEX

#DE6A8B

RGB

rgb(222, 106, 139)

HSL

hsl(343, 64%, 64%)

HSB

hsb(343, 52%, 87%)

CMYK

cmyk(0%, 52%, 37%, 13%)

Oklch

oklch(67.1% 0.148 4.0)

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

#DE9C86

Apricot · DarkSalmon · Warm Sun

HEX

#DE9C86

RGB

rgb(222, 156, 134)

HSL

hsl(15, 57%, 70%)

HSB

hsb(15, 40%, 87%)

CMYK

cmyk(0%, 30%, 40%, 13%)

Oklch

oklch(75.1% 0.086 39.2)

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

#DECD81

Ginger · BurlyWood · Sunflower

HEX

#DECD81

RGB

rgb(222, 205, 129)

HSL

hsl(49, 58%, 69%)

HSB

hsb(49, 42%, 87%)

CMYK

cmyk(0%, 8%, 42%, 13%)

Oklch

oklch(84.6% 0.098 97.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E7D9AB

Goose Yellow · Wheat · Lemon Cream

HEX

#E7D9AB

RGB

rgb(231, 217, 171)

HSL

hsl(46, 56%, 79%)

HSB

hsb(46, 26%, 91%)

CMYK

cmyk(0%, 6%, 26%, 9%)

Oklch

oklch(88.5% 0.062 93.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F0E5D5

Goose Yellow · Beige · Peach Orange

HEX

#F0E5D5

RGB

rgb(240, 229, 213)

HSL

hsl(36, 47%, 89%)

HSB

hsb(36, 11%, 94%)

CMYK

cmyk(0%, 5%, 11%, 6%)

Oklch

oklch(92.6% 0.024 77.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE6A8B

68DEBD

Analogous

DE68C4

DE6A8B

DE8268

Triadic

DE6A8B

8ADE68

688ADE

Split-Comp.

DE6A8B

68DE82

68C4DE

Tetradic

DE6A8B

C4DE68

68DEBD

8268DE

Contrast Matrix WCAG 2.1 Contrast

DE6A8B	DE9C86	DECD81	E7D9AB	F0E5D5
—	1.4 Fail	2.0 Fail	2.3 Fail	2.6 Fail
1.4 Fail	—	1.4 Fail	1.6 Fail	1.8 Fail
2.0 Fail	1.4 Fail	—	1.1 Fail	1.3 Fail
2.3 Fail	1.6 Fail	1.1 Fail	—	1.1 Fail
2.6 Fail	1.8 Fail	1.3 Fail	1.1 Fail	—

White BG

3.2AA Large

2.3Fail

1.6Fail

1.4Fail

1.2Fail

Black BG

6.5AA

9.2AAA

13.2AAA

14.9AAA

16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAB83

C1C18B

D7D693

E1E1B6

EBEBD9

Deuteranopia

B3BB81

C5CA8D

D8D998

E2E3B9

ECEDDA

Tritanopia

D87D7B

DB9090

DDA2A5

E6BFC1

EFDCDD

Achromatopsia

909090

ADADAD

C9C9C9

D8D8D8

E6E6E6

Shades & Tints Shades & Tints

#DE6A8B

Dark

Light

#DE9C86

Dark

Light

#DECD81

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de6a8b;
  --color-2: #de9c86;
  --color-3: #decd81;
  --color-4: #e7d9ab;
  --color-5: #f0e5d5;
}

SCSS

$color-1: #de6a8b;
$color-2: #de9c86;
$color-3: #decd81;
$color-4: #e7d9ab;
$color-5: #f0e5d5;

TAILWIND

colors: {
  'brand-1': '#de6a8b',
  'brand-2': '#de9c86',
  'brand-3': '#decd81',
  'brand-4': '#e7d9ab',
  'brand-5': '#f0e5d5',
}

RGB Array

[222, 106, 139], [222, 156, 134], [222, 205, 129], [231, 217, 171], [240, 229, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DE6A8B, #DE9C86, #DECD81, #E7D9AB, #F0E5D5 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: #de6a8b; --color-2: #de9c86; --color-3: #decd81; --color-4: #e7d9ab; --color-5: #f0e5d5. 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 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