#E2EEAF + #E0D99B + #D6B28D + #9AA68B + #6F9689 · bright - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E2EEAF

Willow Green · Wheat · Mint Green

HEX

#E2EEAF

RGB

rgb(226, 238, 175)

HSL

hsl(71, 65%, 81%)

HSB

hsb(71, 26%, 93%)

CMYK

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

Oklch

oklch(92.5% 0.083 116.8)

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

#E0D99B

Fresh Green · Khaki · Sunflower

HEX

#E0D99B

RGB

rgb(224, 217, 155)

HSL

hsl(54, 53%, 74%)

HSB

hsb(54, 31%, 88%)

CMYK

cmyk(0%, 3%, 31%, 12%)

Oklch

oklch(87.6% 0.081 102.5)

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

#D6B28D

Ginger · Tan · Warm Sun

HEX

#D6B28D

RGB

rgb(214, 178, 141)

HSL

hsl(30, 47%, 70%)

HSB

hsb(30, 34%, 84%)

CMYK

cmyk(0%, 17%, 34%, 16%)

Oklch

oklch(78.6% 0.065 67.4)

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

#9AA68B

Grass Green · DarkSeaGreen · Olive Green

HEX

#9AA68B

RGB

rgb(154, 166, 139)

HSL

hsl(87, 13%, 60%)

HSB

hsb(87, 16%, 65%)

CMYK

cmyk(7%, 0%, 16%, 35%)

Oklch

oklch(70.8% 0.041 127.0)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#6F9689

Mineral Blue · LightSlateGray · Lake Green

HEX

#6F9689

RGB

rgb(111, 150, 137)

HSL

hsl(160, 16%, 51%)

HSB

hsb(160, 26%, 59%)

CMYK

cmyk(26%, 0%, 9%, 41%)

Oklch

oklch(64.0% 0.047 172.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2EEAF

BBAFEE

Analogous

EEDAAF

E2EEAF

C3EEAF

Triadic

E2EEAF

AFE2EE

EEAFE2

Split-Comp.

E2EEAF

AFC3EE

DAAFEE

Tetradic

E2EEAF

AFEEDA

BBAFEE

EEAFC3

Contrast Matrix WCAG 2.1 Contrast

E2EEAF	E0D99B	D6B28D	9AA68B	6F9689
—	1.2 Fail	1.6 Fail	2.1 Fail	2.7 Fail
1.2 Fail	—	1.4 Fail	1.8 Fail	2.3 Fail
1.6 Fail	1.4 Fail	—	1.3 Fail	1.7 Fail
2.1 Fail	1.8 Fail	1.3 Fail	—	1.3 Fail
2.7 Fail	2.3 Fail	1.7 Fail	1.3 Fail	—

White BG

1.2Fail

1.4Fail

2.0Fail

2.6Fail

3.3AA Large

Black BG

17.1AAA

14.6AAA

10.6AAA

8.2AAA

6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7BE

DDDDAA

C6C696

9F9F92

80808C

Deuteranopia

E7E6C2

DDDEAE

C9CB98

9F9E93

7E7B8D

Tritanopia

E3CACD

E0B6B8

D49D9F

9B9798

718F8F

Achromatopsia

E3E3E3

D4D4D4

B9B9B9

9F9F9F

898989

Shades & Tints Shades & Tints

#E2EEAF

Dark

Light

#E0D99B

Dark

Light

#D6B28D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2eeaf;
  --color-2: #e0d99b;
  --color-3: #d6b28d;
  --color-4: #9aa68b;
  --color-5: #6f9689;
}

SCSS

$color-1: #e2eeaf;
$color-2: #e0d99b;
$color-3: #d6b28d;
$color-4: #9aa68b;
$color-5: #6f9689;

TAILWIND

colors: {
  'brand-1': '#e2eeaf',
  'brand-2': '#e0d99b',
  'brand-3': '#d6b28d',
  'brand-4': '#9aa68b',
  'brand-5': '#6f9689',
}

RGB Array

[226, 238, 175], [224, 217, 155], [214, 178, 141], [154, 166, 139], [111, 150, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #E2EEAF, #E0D99B, #D6B28D, #9AA68B, #6F9689 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: #e2eeaf; --color-2: #e0d99b; --color-3: #d6b28d; --color-4: #9aa68b; --color-5: #6f9689. 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 bright-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