#EFEDE8 + #E1E98C + #D1DFB4 + #B1CEBF + #6BBEC9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EFEDE8

Goose Yellow · Linen · Lemon Cream

HEX

#EFEDE8

RGB

rgb(239, 237, 232)

HSL

hsl(43, 18%, 92%)

HSB

hsb(43, 3%, 94%)

CMYK

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

Oklch

oklch(94.6% 0.007 88.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E1E98C

Fresh Green · Khaki · Sunflower

HEX

#E1E98C

RGB

rgb(225, 233, 140)

HSL

hsl(65, 68%, 73%)

HSB

hsb(65, 40%, 91%)

CMYK

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

Oklch

oklch(90.8% 0.117 112.7)

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

#D1DFB4

Willow Green · LightGray · Apple Green

HEX

#D1DFB4

RGB

rgb(209, 223, 180)

HSL

hsl(80, 40%, 79%)

HSB

hsb(80, 19%, 87%)

CMYK

cmyk(6%, 0%, 19%, 13%)

Oklch

oklch(88.2% 0.059 122.3)

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

#B1CEBF

Celadon · Silver · Apple Green

HEX

#B1CEBF

RGB

rgb(177, 206, 191)

HSL

hsl(149, 23%, 75%)

HSB

hsb(149, 14%, 81%)

CMYK

cmyk(14%, 0%, 7%, 19%)

Oklch

oklch(82.6% 0.037 163.0)

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

#6BBEC9

Slate Blue · MediumAquaMarine · Lake Green

HEX

#6BBEC9

RGB

rgb(107, 190, 201)

HSL

hsl(187, 47%, 60%)

HSB

hsb(187, 47%, 79%)

CMYK

cmyk(47%, 5%, 0%, 21%)

Oklch

oklch(75.3% 0.082 206.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFEDE8

E7E9EE

Analogous

EEE9E7

EFEDE8

EDEEE7

Triadic

EFEDE8

E7EEEC

ECE7EE

Split-Comp.

EFEDE8

E7EDEE

E9E7EE

Tetradic

EFEDE8

E7EEE9

E7E9EE

EEE7ED

Contrast Matrix WCAG 2.1 Contrast

EFEDE8	E1E98C	D1DFB4	B1CEBF	6BBEC9
—	1.1 Fail	1.2 Fail	1.4 Fail	1.8 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	1.7 Fail
1.2 Fail	1.1 Fail	—	1.2 Fail	1.5 Fail
1.4 Fail	1.3 Fail	1.2 Fail	—	1.3 Fail
1.8 Fail	1.7 Fail	1.5 Fail	1.3 Fail	—

White BG

1.2Fail

1.3Fail

1.4Fail

1.7Fail

2.1Fail

Black BG

17.9AAA

16.2AAA

14.9AAA

12.5AAA

9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEE9

E4E5A3

D7D7BE

BEBEC3

8F90C6

Deuteranopia

EEEEE9

E4E3A8

D6D5C1

BCBAC4

8A84C6

Tritanopia

EFEAEA

E1B4B8

D2C7C8

B2C5C6

6FC4C4

Achromatopsia

EDEDED

DCDCDC

D6D6D6

C4C4C4

A6A6A6

Shades & Tints Shades & Tints

#EFEDE8

Dark

Light

#E1E98C

Dark

Light

#D1DFB4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efede8;
  --color-2: #e1e98c;
  --color-3: #d1dfb4;
  --color-4: #b1cebf;
  --color-5: #6bbec9;
}

SCSS

$color-1: #efede8;
$color-2: #e1e98c;
$color-3: #d1dfb4;
$color-4: #b1cebf;
$color-5: #6bbec9;

TAILWIND

colors: {
  'brand-1': '#efede8',
  'brand-2': '#e1e98c',
  'brand-3': '#d1dfb4',
  'brand-4': '#b1cebf',
  'brand-5': '#6bbec9',
}

RGB Array

[239, 237, 232], [225, 233, 140], [209, 223, 180], [177, 206, 191], [107, 190, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFEDE8, #E1E98C, #D1DFB4, #B1CEBF, #6BBEC9 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: #efede8; --color-2: #e1e98c; --color-3: #d1dfb4; --color-4: #b1cebf; --color-5: #6bbec9. 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