#DE5961 + #E38C72 + #E0AD7B + #D2CC92 + #B5C693 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DE5961

Peach Pink · Tomato · Coral Red

HEX

#DE5961

RGB

rgb(222, 89, 97)

HSL

hsl(356, 67%, 61%)

HSB

hsb(356, 60%, 87%)

CMYK

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

Oklch

oklch(63.8% 0.166 19.6)

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

#E38C72

Peach Pink · DarkSalmon · Coral Red

HEX

#E38C72

RGB

rgb(227, 140, 114)

HSL

hsl(14, 67%, 67%)

HSB

hsb(14, 50%, 89%)

CMYK

cmyk(0%, 38%, 50%, 11%)

Oklch

oklch(72.5% 0.113 37.4)

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

#E0AD7B

Ginger · BurlyWood · Warm Sun

HEX

#E0AD7B

RGB

rgb(224, 173, 123)

HSL

hsl(30, 62%, 68%)

HSB

hsb(30, 45%, 88%)

CMYK

cmyk(0%, 23%, 45%, 12%)

Oklch

oklch(78.3% 0.089 65.4)

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

#D2CC92

Fresh Green · Tan · Sunflower

HEX

#D2CC92

RGB

rgb(210, 204, 146)

HSL

hsl(54, 42%, 70%)

HSB

hsb(54, 30%, 82%)

CMYK

cmyk(0%, 3%, 30%, 18%)

Oklch

oklch(83.6% 0.076 102.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#B5C693

Willow Green · Tan · Apple Green

HEX

#B5C693

RGB

rgb(181, 198, 147)

HSL

hsl(80, 31%, 68%)

HSB

hsb(80, 26%, 78%)

CMYK

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

Oklch

oklch(80.1% 0.071 123.0)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE5961

59DED5

Analogous

DE59A4

DE5961

DE9359

Triadic

DE5961

62DE59

5962DE

Split-Comp.

DE5961

59DE93

59A4DE

Tetradic

DE5961

A4DE59

59DED5

9359DE

Contrast Matrix WCAG 2.1 Contrast

DE5961	E38C72	E0AD7B	D2CC92	B5C693
—	1.4 Fail	1.8 Fail	2.2 Fail	2.0 Fail
1.4 Fail	—	1.3 Fail	1.5 Fail	1.4 Fail
1.8 Fail	1.3 Fail	—	1.2 Fail	1.1 Fail
2.2 Fail	1.5 Fail	1.2 Fail	—	1.1 Fail
2.0 Fail	1.4 Fail	1.1 Fail	1.1 Fail	—

White BG

3.7AA Large

2.5Fail

2.0Fail

1.6Fail

1.8Fail

Black BG

5.7AA

8.3AAA

10.4AAA

12.8AAA

11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A35F

BDBD78

CAC987

CFCFA0

BCBD9F

Deuteranopia

ACB65F

C2C97A

CDD18A

D0D0A3

BBBAA2

Tritanopia

D75E5D

DF7D7E

DD9193

D2ABAE

B6A9AB

Achromatopsia

828282

A3A3A3

B7B7B7

C7C7C7

BBBBBB

Shades & Tints Shades & Tints

#DE5961

Dark

Light

#E38C72

Dark

Light

#E0AD7B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de5961;
  --color-2: #e38c72;
  --color-3: #e0ad7b;
  --color-4: #d2cc92;
  --color-5: #b5c693;
}

SCSS

$color-1: #de5961;
$color-2: #e38c72;
$color-3: #e0ad7b;
$color-4: #d2cc92;
$color-5: #b5c693;

TAILWIND

colors: {
  'brand-1': '#de5961',
  'brand-2': '#e38c72',
  'brand-3': '#e0ad7b',
  'brand-4': '#d2cc92',
  'brand-5': '#b5c693',
}

RGB Array

[222, 89, 97], [227, 140, 114], [224, 173, 123], [210, 204, 146], [181, 198, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DE5961, #E38C72, #E0AD7B, #D2CC92, #B5C693 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: #de5961; --color-2: #e38c72; --color-3: #e0ad7b; --color-4: #d2cc92; --color-5: #b5c693. 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