#D2E1D6 + #EDEACA + #EDAA65 + #E381A0 + #99959C · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D2E1D6

Celadon · LightGray · Mint Green

HEX

#D2E1D6

RGB

rgb(210, 225, 214)

HSL

hsl(136, 20%, 85%)

HSB

hsb(136, 7%, 88%)

CMYK

cmyk(7%, 0%, 5%, 12%)

Oklch

oklch(89.5% 0.022 154.1)

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

#EDEACA

Fresh Green · Bisque · Lemon Cream

HEX

#EDEACA

RGB

rgb(237, 234, 202)

HSL

hsl(55, 49%, 86%)

HSB

hsb(55, 15%, 93%)

CMYK

cmyk(0%, 1%, 15%, 7%)

Oklch

oklch(93.1% 0.042 102.8)

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

#EDAA65

Ginger · SandyBrown · Warm Sun

HEX

#EDAA65

RGB

rgb(237, 170, 101)

HSL

hsl(30, 79%, 66%)

HSB

hsb(30, 57%, 93%)

CMYK

cmyk(0%, 28%, 57%, 7%)

Oklch

oklch(78.8% 0.117 65.5)

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

#E381A0

Rouge · LightCoral · Rose Pink

HEX

#E381A0

RGB

rgb(227, 129, 160)

HSL

hsl(341, 64%, 70%)

HSB

hsb(341, 43%, 89%)

CMYK

cmyk(0%, 43%, 30%, 11%)

Oklch

oklch(71.8% 0.125 0.5)

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

#99959C

Ash · DarkGray · Silver Sand

HEX

#99959C

RGB

rgb(153, 149, 156)

HSL

hsl(274, 3%, 60%)

HSB

hsb(274, 4%, 61%)

CMYK

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

Oklch

oklch(67.5% 0.011 311.1)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2E1D6

E0D1DC

Analogous

D5E0D1

D2E1D6

D1E0DD

Triadic

D2E1D6

D5D1E0

E0D5D1

Split-Comp.

D2E1D6

DDD1E0

E0D1D5

Tetradic

D2E1D6

D1D5E0

E0D1DC

E0DDD1

Contrast Matrix WCAG 2.1 Contrast

D2E1D6	EDEACA	EDAA65	E381A0	99959C
—	1.1 Fail	1.5 Fail	2.0 Fail	2.2 Fail
1.1 Fail	—	1.6 Fail	2.2 Fail	2.4 Fail
1.5 Fail	1.6 Fail	—	1.3 Fail	1.5 Fail
2.0 Fail	2.2 Fail	1.3 Fail	—	1.1 Fail
2.2 Fail	2.4 Fail	1.5 Fail	1.1 Fail	—

White BG

1.4Fail

1.2Fail

2.0Fail

2.7Fail

2.9Fail

Black BG

15.5AAA

17.2AAA

10.5AAA

7.9AAA

7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D9D9

ECECD2

D0CF76

B9B898

97979A

Deuteranopia

D8D7D9

ECECD4

D4D97A

BEC697

98989A

Tritanopia

D3DBDB

EDD8D9

EA8386

DE9391

999999

Achromatopsia

DBDBDB

E7E7E7

B6B6B6

A2A2A2

979797

Shades & Tints Shades & Tints

#D2E1D6

Dark

Light

#EDEACA

Dark

Light

#EDAA65

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2e1d6;
  --color-2: #edeaca;
  --color-3: #edaa65;
  --color-4: #e381a0;
  --color-5: #99959c;
}

SCSS

$color-1: #d2e1d6;
$color-2: #edeaca;
$color-3: #edaa65;
$color-4: #e381a0;
$color-5: #99959c;

TAILWIND

colors: {
  'brand-1': '#d2e1d6',
  'brand-2': '#edeaca',
  'brand-3': '#edaa65',
  'brand-4': '#e381a0',
  'brand-5': '#99959c',
}

RGB Array

[210, 225, 214], [237, 234, 202], [237, 170, 101], [227, 129, 160], [153, 149, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #D2E1D6, #EDEACA, #EDAA65, #E381A0, #99959C 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: #d2e1d6; --color-2: #edeaca; --color-3: #edaa65; --color-4: #e381a0; --color-5: #99959c. 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 sunset-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