#E7E7CD + #DFE2C7 + #C8D9B9 + #9ED0B5 + #79D2B4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E7E7CD

Fresh Green · Beige · Lemon Cream

HEX

#E7E7CD

RGB

rgb(231, 231, 205)

HSL

hsl(60, 35%, 85%)

HSB

hsb(60, 11%, 91%)

CMYK

cmyk(0%, 0%, 11%, 9%)

Oklch

oklch(92.1% 0.034 107.1)

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

#DFE2C7

Fresh Green · LightGray · Lemon Cream

HEX

#DFE2C7

RGB

rgb(223, 226, 199)

HSL

hsl(67, 32%, 83%)

HSB

hsb(67, 12%, 89%)

CMYK

cmyk(1%, 0%, 12%, 11%)

Oklch

oklch(90.3% 0.036 112.3)

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

#C8D9B9

Celadon · Silver · Apple Green

HEX

#C8D9B9

RGB

rgb(200, 217, 185)

HSL

hsl(92, 30%, 79%)

HSB

hsb(92, 15%, 85%)

CMYK

cmyk(8%, 0%, 15%, 15%)

Oklch

oklch(86.4% 0.047 130.3)

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

#9ED0B5

Celadon · Silver · Apple Green

HEX

#9ED0B5

RGB

rgb(158, 208, 181)

HSL

hsl(148, 35%, 72%)

HSB

hsb(148, 24%, 82%)

CMYK

cmyk(24%, 0%, 13%, 18%)

Oklch

oklch(81.5% 0.065 160.9)

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

#79D2B4

Jade · MediumAquaMarine · Lake Green

HEX

#79D2B4

RGB

rgb(121, 210, 180)

HSL

hsl(160, 50%, 65%)

HSB

hsb(160, 42%, 82%)

CMYK

cmyk(42%, 0%, 14%, 18%)

Oklch

oklch(79.9% 0.097 170.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7E7CD

CBCBE6

Analogous

E6D9CB

E7E7CD

D9E6CB

Triadic

E7E7CD

CBE6E6

E6CBE6

Split-Comp.

E7E7CD

CBD9E6

D9CBE6

Tetradic

E7E7CD

CBE6D9

CBCBE6

E6CBD9

Contrast Matrix WCAG 2.1 Contrast

E7E7CD	DFE2C7	C8D9B9	9ED0B5	79D2B4
—	1.1 Fail	1.2 Fail	1.4 Fail	1.4 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	1.4 Fail
1.2 Fail	1.1 Fail	—	1.2 Fail	1.2 Fail
1.4 Fail	1.3 Fail	1.2 Fail	—	1.0 Fail
1.4 Fail	1.4 Fail	1.2 Fail	1.0 Fail	—

White BG

1.3Fail

1.5Fail

1.7Fail

1.8Fail

Black BG

16.7AAA

15.8AAA

14.1AAA

12.1AAA

11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7D3

E0E0CE

CFD0C1

B4B4BC

A0A0BB

Deuteranopia

E7E7D5

E0E0CF

CECDC3

B1ADBD

9A94BD

Tritanopia

E7D8D9

DFD3D4

C9C7C8

A1C1C2

7DC1C2

Achromatopsia

E4E4E4

DEDEDE

D0D0D0

BEBEBE

B4B4B4

Shades & Tints Shades & Tints

#E7E7CD

Dark

Light

#DFE2C7

Dark

Light

#C8D9B9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7e7cd;
  --color-2: #dfe2c7;
  --color-3: #c8d9b9;
  --color-4: #9ed0b5;
  --color-5: #79d2b4;
}

SCSS

$color-1: #e7e7cd;
$color-2: #dfe2c7;
$color-3: #c8d9b9;
$color-4: #9ed0b5;
$color-5: #79d2b4;

TAILWIND

colors: {
  'brand-1': '#e7e7cd',
  'brand-2': '#dfe2c7',
  'brand-3': '#c8d9b9',
  'brand-4': '#9ed0b5',
  'brand-5': '#79d2b4',
}

RGB Array

[231, 231, 205], [223, 226, 199], [200, 217, 185], [158, 208, 181], [121, 210, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E7E7CD, #DFE2C7, #C8D9B9, #9ED0B5, #79D2B4 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: #e7e7cd; --color-2: #dfe2c7; --color-3: #c8d9b9; --color-4: #9ed0b5; --color-5: #79d2b4. 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