#EFEACA + #E4E8C8 + #D7E6CA + #C8E0CF + #B6DED2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EFEACA

Fresh Green · Bisque · Lemon Cream

HEX

#EFEACA

RGB

rgb(239, 234, 202)

HSL

hsl(52, 54%, 86%)

HSB

hsb(52, 15%, 94%)

CMYK

cmyk(0%, 2%, 15%, 6%)

Oklch

oklch(93.3% 0.042 99.8)

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

#E4E8C8

Fresh Green · Bisque · Lemon Cream

HEX

#E4E8C8

RGB

rgb(228, 232, 200)

HSL

hsl(67, 41%, 85%)

HSB

hsb(67, 14%, 91%)

CMYK

cmyk(2%, 0%, 14%, 9%)

Oklch

oklch(92.0% 0.043 113.0)

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

#D7E6CA

Celadon · LightGray · Mint Green

HEX

#D7E6CA

RGB

rgb(215, 230, 202)

HSL

hsl(92, 36%, 85%)

HSB

hsb(92, 12%, 90%)

CMYK

cmyk(7%, 0%, 12%, 10%)

Oklch

oklch(90.6% 0.041 130.3)

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

#C8E0CF

Celadon · LightGray · Mint Green

HEX

#C8E0CF

RGB

rgb(200, 224, 207)

HSL

hsl(138, 28%, 83%)

HSB

hsb(138, 11%, 88%)

CMYK

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

Oklch

oklch(88.4% 0.034 154.8)

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

#B6DED2

Jade · LightBlue · Glacier Blue

HEX

#B6DED2

RGB

rgb(182, 222, 210)

HSL

hsl(162, 38%, 79%)

HSB

hsb(162, 18%, 87%)

CMYK

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

Oklch

oklch(86.9% 0.045 175.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFEACA

C8CDEF

Analogous

EFD6C8

EFEACA

E0EFC8

Triadic

EFEACA

C8EFE9

E9C8EF

Split-Comp.

EFEACA

C8E0EF

D6C8EF

Tetradic

EFEACA

C8EFD6

C8CDEF

EFC8E0

Contrast Matrix WCAG 2.1 Contrast

EFEACA	E4E8C8	D7E6CA	C8E0CF	B6DED2
—	1.0 Fail	1.1 Fail	1.2 Fail	1.2 Fail
1.0 Fail	—	1.0 Fail	1.1 Fail	1.2 Fail
1.1 Fail	1.0 Fail	—	1.1 Fail	1.1 Fail
1.2 Fail	1.1 Fail	1.1 Fail	—	1.0 Fail
1.2 Fail	1.2 Fail	1.1 Fail	1.0 Fail	—

White BG

1.2Fail

1.3Fail

1.4Fail

1.5Fail

Black BG

17.3AAA

16.7AAA

16.1AAA

15.0AAA

14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDD2

E6E6D0

DDDED1

D2D3D3

C7C8D5

Deuteranopia

EDEED4

E6E5D2

DDDCD2

D1CFD4

C5C2D6

Tritanopia

EFD8D9

E4D6D7

D8D6D7

C9D6D7

B8D7D8

Achromatopsia

E8E8E8

E3E3E3

DEDEDE

D7D7D7

D1D1D1

Shades & Tints Shades & Tints

#EFEACA

Dark

Light

#E4E8C8

Dark

Light

#D7E6CA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efeaca;
  --color-2: #e4e8c8;
  --color-3: #d7e6ca;
  --color-4: #c8e0cf;
  --color-5: #b6ded2;
}

SCSS

$color-1: #efeaca;
$color-2: #e4e8c8;
$color-3: #d7e6ca;
$color-4: #c8e0cf;
$color-5: #b6ded2;

TAILWIND

colors: {
  'brand-1': '#efeaca',
  'brand-2': '#e4e8c8',
  'brand-3': '#d7e6ca',
  'brand-4': '#c8e0cf',
  'brand-5': '#b6ded2',
}

RGB Array

[239, 234, 202], [228, 232, 200], [215, 230, 202], [200, 224, 207], [182, 222, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFEACA, #E4E8C8, #D7E6CA, #C8E0CF, #B6DED2 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: #efeaca; --color-2: #e4e8c8; --color-3: #d7e6ca; --color-4: #c8e0cf; --color-5: #b6ded2. 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