#D7EDE5 + #8AD1B7 + #CFD18A + #E0D589 + #EBDF91 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D7EDE5

Jade · Lavender · Mint Green

HEX

#D7EDE5

RGB

rgb(215, 237, 229)

HSL

hsl(158, 38%, 89%)

HSB

hsb(158, 9%, 93%)

CMYK

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

Oklch

oklch(92.8% 0.026 171.9)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#8AD1B7

Jade · MediumAquaMarine · Apple Green

HEX

#8AD1B7

RGB

rgb(138, 209, 183)

HSL

hsl(158, 44%, 68%)

HSB

hsb(158, 34%, 82%)

CMYK

cmyk(34%, 0%, 12%, 18%)

Oklch

oklch(80.6% 0.081 169.2)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#CFD18A

Fresh Green · Tan · Sunflower

HEX

#CFD18A

RGB

rgb(207, 209, 138)

HSL

hsl(62, 44%, 68%)

HSB

hsb(62, 34%, 82%)

CMYK

cmyk(1%, 0%, 34%, 18%)

Oklch

oklch(84.3% 0.092 109.6)

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

#E0D589

Fresh Green · Khaki · Sunflower

HEX

#E0D589

RGB

rgb(224, 213, 137)

HSL

hsl(52, 58%, 71%)

HSB

hsb(52, 39%, 88%)

CMYK

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

Oklch

oklch(86.5% 0.097 101.1)

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

#EBDF91

Fresh Green · Khaki · Sunflower

HEX

#EBDF91

RGB

rgb(235, 223, 145)

HSL

hsl(52, 69%, 75%)

HSB

hsb(52, 38%, 92%)

CMYK

cmyk(0%, 5%, 38%, 8%)

Oklch

oklch(89.6% 0.099 100.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7EDE5

EED8E0

Analogous

D8EEDB

D7EDE5

D8EBEE

Triadic

D7EDE5

E6D8EE

EEE6D8

Split-Comp.

D7EDE5

EED8EB

EEDBD8

Tetradic

D7EDE5

DBD8EE

EED8E0

EBEED8

Contrast Matrix WCAG 2.1 Contrast

D7EDE5	8AD1B7	CFD18A	E0D589	EBDF91
—	1.4 Fail	1.3 Fail	1.2 Fail	1.1 Fail
1.4 Fail	—	1.1 Fail	1.2 Fail	1.3 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.2 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.1 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

1.2Fail

1.8Fail

1.6Fail

1.5Fail

1.4Fail

Black BG

17.1AAA

11.9AAA

13.1AAA

14.0AAA

15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1E7

A9A9BD

D0D09B

DBDB9B

E6E6A4

Deuteranopia

DFDEE7

A59FBF

D0D09F

DCDDA0

E7E7A8

Tritanopia

D8E8E9

8EC2C3

CFA9AC

DFAAAD

EAB3B6

Achromatopsia

E6E6E6

B9B9B9

C8C8C8

D0D0D0

DADADA

Shades & Tints Shades & Tints

#D7EDE5

Dark

Light

#8AD1B7

Dark

Light

#CFD18A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7ede5;
  --color-2: #8ad1b7;
  --color-3: #cfd18a;
  --color-4: #e0d589;
  --color-5: #ebdf91;
}

SCSS

$color-1: #d7ede5;
$color-2: #8ad1b7;
$color-3: #cfd18a;
$color-4: #e0d589;
$color-5: #ebdf91;

TAILWIND

colors: {
  'brand-1': '#d7ede5',
  'brand-2': '#8ad1b7',
  'brand-3': '#cfd18a',
  'brand-4': '#e0d589',
  'brand-5': '#ebdf91',
}

RGB Array

[215, 237, 229], [138, 209, 183], [207, 209, 138], [224, 213, 137], [235, 223, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D7EDE5, #8AD1B7, #CFD18A, #E0D589, #EBDF91 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: #d7ede5; --color-2: #8ad1b7; --color-3: #cfd18a; --color-4: #e0d589; --color-5: #ebdf91. 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