#E2EBB2 + #E5EBC3 + #E6E8DA + #DAE8E8 + #C3E6E5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E2EBB2

Fresh Green · Wheat · Lemon Cream

HEX

#E2EBB2

RGB

rgb(226, 235, 178)

HSL

hsl(69, 59%, 81%)

HSB

hsb(69, 24%, 92%)

CMYK

cmyk(4%, 0%, 24%, 8%)

Oklch

oklch(91.9% 0.075 115.2)

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

#E5EBC3

Fresh Green · Wheat · Lemon Cream

HEX

#E5EBC3

RGB

rgb(229, 235, 195)

HSL

hsl(69, 50%, 84%)

HSB

hsb(69, 17%, 92%)

CMYK

cmyk(3%, 0%, 17%, 8%)

Oklch

oklch(92.5% 0.053 114.4)

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

#E6E8DA

Fresh Green · Beige · Lemon Cream

HEX

#E6E8DA

RGB

rgb(230, 232, 218)

HSL

hsl(69, 23%, 88%)

HSB

hsb(69, 6%, 91%)

CMYK

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

Oklch

oklch(92.6% 0.019 113.4)

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

#DAE8E8

Sky Blue · Lavender · Glacier Blue

HEX

#DAE8E8

RGB

rgb(218, 232, 232)

HSL

hsl(180, 23%, 88%)

HSB

hsb(180, 6%, 91%)

CMYK

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

Oklch

oklch(92.1% 0.015 196.9)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#C3E6E5

Jade · LightBlue · Glacier Blue

HEX

#C3E6E5

RGB

rgb(195, 230, 229)

HSL

hsl(178, 41%, 83%)

HSB

hsb(178, 15%, 90%)

CMYK

cmyk(15%, 0%, 0%, 10%)

Oklch

oklch(90.0% 0.037 194.4)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2EBB2

BBB2EB

Analogous

EBD7B2

E2EBB2

C6EBB2

Triadic

E2EBB2

B2E3EB

EBB2E3

Split-Comp.

E2EBB2

B2C6EB

D7B2EB

Tetradic

E2EBB2

B2EBD7

BBB2EB

EBB2C6

Contrast Matrix WCAG 2.1 Contrast

E2EBB2	E5EBC3	E6E8DA	DAE8E8	C3E6E5
—	1.0 Fail	1.0 Fail	1.0 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.1 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.1 Fail
1.1 Fail	1.1 Fail	1.1 Fail	1.1 Fail	—

White BG

1.3Fail

1.2Fail

1.3Fail

Black BG

16.8AAA

17.0AAA

16.9AAA

16.7AAA

15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6C0

E8E8CD

E7E7DD

E0E0E8

D2D2E5

Deuteranopia

E5E5C3

E7E7CF

E7E7DE

DFDEE8

D0CEE5

Tritanopia

E2CBCD

E5D4D6

E6E0E1

DBE8E8

C5E5E5

Achromatopsia

E2E2E2

E5E5E5

E6E6E6

E4E4E4

DBDBDB

Shades & Tints Shades & Tints

#E2EBB2

Dark

Light

#E5EBC3

Dark

Light

#E6E8DA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2ebb2;
  --color-2: #e5ebc3;
  --color-3: #e6e8da;
  --color-4: #dae8e8;
  --color-5: #c3e6e5;
}

SCSS

$color-1: #e2ebb2;
$color-2: #e5ebc3;
$color-3: #e6e8da;
$color-4: #dae8e8;
$color-5: #c3e6e5;

TAILWIND

colors: {
  'brand-1': '#e2ebb2',
  'brand-2': '#e5ebc3',
  'brand-3': '#e6e8da',
  'brand-4': '#dae8e8',
  'brand-5': '#c3e6e5',
}

RGB Array

[226, 235, 178], [229, 235, 195], [230, 232, 218], [218, 232, 232], [195, 230, 229]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2EBB2, #E5EBC3, #E6E8DA, #DAE8E8, #C3E6E5 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: #e2ebb2; --color-2: #e5ebc3; --color-3: #e6e8da; --color-4: #dae8e8; --color-5: #c3e6e5. 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