#D7E9DA + #E2D4B8 + #DDB085 + #E17F78 + #DA5070 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D7E9DA

Celadon · LightGray · Mint Green

HEX

#D7E9DA

RGB

rgb(215, 233, 218)

HSL

hsl(130, 29%, 88%)

HSB

hsb(130, 8%, 91%)

CMYK

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

Oklch

oklch(91.6% 0.028 150.4)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#E2D4B8

Goose Yellow · Wheat · Lemon Cream

HEX

#E2D4B8

RGB

rgb(226, 212, 184)

HSL

hsl(40, 42%, 80%)

HSB

hsb(40, 19%, 89%)

CMYK

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

Oklch

oklch(87.4% 0.040 84.6)

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

#DDB085

Apricot · BurlyWood · Warm Sun

HEX

#DDB085

RGB

rgb(221, 176, 133)

HSL

hsl(29, 56%, 69%)

HSB

hsb(29, 40%, 87%)

CMYK

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

Oklch

oklch(78.8% 0.078 65.0)

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

#E17F78

Peach Pink · LightCoral · Coral Red

HEX

#E17F78

RGB

rgb(225, 127, 120)

HSL

hsl(4, 64%, 68%)

HSB

hsb(4, 47%, 88%)

CMYK

cmyk(0%, 44%, 47%, 12%)

Oklch

oklch(70.2% 0.122 25.0)

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

#DA5070

Vermilion · LightCoral · Passion Red

HEX

#DA5070

RGB

rgb(218, 80, 112)

HSL

hsl(346, 65%, 58%)

HSB

hsb(346, 63%, 85%)

CMYK

cmyk(0%, 63%, 49%, 15%)

Oklch

oklch(62.4% 0.174 9.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7E9DA

E9D8E6

Analogous

DDE9D8

D7E9DA

D8E9E3

Triadic

D7E9DA

DAD8E9

E9DAD8

Split-Comp.

D7E9DA

E3D8E9

E9D8DD

Tetradic

D7E9DA

D8DDE9

E9D8E6

E9E3D8

Contrast Matrix WCAG 2.1 Contrast

D7E9DA	E2D4B8	DDB085	E17F78	DA5070
—	1.2 Fail	1.6 Fail	2.2 Fail	3.1 AA Large
1.2 Fail	—	1.4 Fail	1.9 Fail	2.7 Fail
1.6 Fail	1.4 Fail	—	1.4 Fail	2.0 Fail
2.2 Fail	1.9 Fail	1.4 Fail	—	1.4 Fail
3.1 AA Large	2.7 Fail	2.0 Fail	1.4 Fail	—

White BG

1.3Fail

1.5Fail

2.0Fail

2.8Fail

3.9AA Large

Black BG

16.6AAA

14.3AAA

10.6AAA

7.5AAA

5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFDE

DCDCBF

CAC98F

B7B67A

9E9D68

Deuteranopia

DEDCDF

DDDEC0

CCD092

BCC47A

A6B166

Tritanopia

D8E0E1

E1C4C5

DB9899

DC7B7B

D36261

Achromatopsia

E2E2E2

D5D5D5

B9B9B9

9C9C9C

7D7D7D

Shades & Tints Shades & Tints

#D7E9DA

Dark

Light

#E2D4B8

Dark

Light

#DDB085

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7e9da;
  --color-2: #e2d4b8;
  --color-3: #ddb085;
  --color-4: #e17f78;
  --color-5: #da5070;
}

SCSS

$color-1: #d7e9da;
$color-2: #e2d4b8;
$color-3: #ddb085;
$color-4: #e17f78;
$color-5: #da5070;

TAILWIND

colors: {
  'brand-1': '#d7e9da',
  'brand-2': '#e2d4b8',
  'brand-3': '#ddb085',
  'brand-4': '#e17f78',
  'brand-5': '#da5070',
}

RGB Array

[215, 233, 218], [226, 212, 184], [221, 176, 133], [225, 127, 120], [218, 80, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D7E9DA, #E2D4B8, #DDB085, #E17F78, #DA5070 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: #d7e9da; --color-2: #e2d4b8; --color-3: #ddb085; --color-4: #e17f78; --color-5: #da5070. 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