#EDF7AD + #CFD1C1 + #CACFA4 + #E4E6D7 + #EFF5C3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDF7AD

Fresh Green · Wheat · Lemon Cream

HEX

#EDF7AD

RGB

rgb(237, 247, 173)

HSL

hsl(68, 82%, 82%)

HSB

hsb(68, 30%, 97%)

CMYK

cmyk(4%, 0%, 30%, 3%)

Oklch

oklch(95.1% 0.095 114.5)

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

#CFD1C1

Fresh Green · LightGray · Lemon Cream

HEX

#CFD1C1

RGB

rgb(207, 209, 193)

HSL

hsl(67, 15%, 79%)

HSB

hsb(67, 8%, 82%)

CMYK

cmyk(1%, 0%, 8%, 18%)

Oklch

oklch(85.5% 0.022 112.6)

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

#CACFA4

Fresh Green · Silver · Sunflower

HEX

#CACFA4

RGB

rgb(202, 207, 164)

HSL

hsl(67, 31%, 73%)

HSB

hsb(67, 21%, 81%)

CMYK

cmyk(2%, 0%, 21%, 19%)

Oklch

oklch(84.0% 0.058 113.0)

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

#E4E6D7

Fresh Green · Beige · Lemon Cream

HEX

#E4E6D7

RGB

rgb(228, 230, 215)

HSL

hsl(68, 23%, 87%)

HSB

hsb(68, 7%, 90%)

CMYK

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

Oklch

oklch(91.9% 0.020 113.0)

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

#EFF5C3

Fresh Green · Bisque · Lemon Cream

HEX

#EFF5C3

RGB

rgb(239, 245, 195)

HSL

hsl(67, 71%, 86%)

HSB

hsb(67, 20%, 96%)

CMYK

cmyk(2%, 0%, 20%, 4%)

Oklch

oklch(95.3% 0.065 113.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDF7AD

B5ABF7

Analogous

F7DBAB

EDF7AD

C7F7AB

Triadic

EDF7AD

ABEDF7

F7ABED

Split-Comp.

EDF7AD

ABC7F7

DBABF7

Tetradic

EDF7AD

ABF7DB

B5ABF7

F7ABC7

Contrast Matrix WCAG 2.1 Contrast

EDF7AD	CFD1C1	CACFA4	E4E6D7	EFF5C3
—	1.4 Fail	1.4 Fail	1.1 Fail	1.0 Fail
1.4 Fail	—	1.0 Fail	1.2 Fail	1.4 Fail
1.4 Fail	1.0 Fail	—	1.3 Fail	1.4 Fail
1.1 Fail	1.2 Fail	1.3 Fail	—	1.1 Fail
1.0 Fail	1.4 Fail	1.4 Fail	1.1 Fail	—

White BG

1.1Fail

1.6Fail

1.3Fail

1.1Fail

Black BG

18.5AAA

13.5AAA

13.0AAA

16.6AAA

18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1BF

D0D0C5

CCCCAE

E5E5DB

F2F2CF

Deuteranopia

F1F0C3

D0D0C6

CCCBB1

E5E5DC

F1F1D2

Tritanopia

EDCDD0

CFC8C9

CAB7B8

E4DDDE

EFD9DB

Achromatopsia

ECECEC

CFCFCF

C9C9C9

E4E4E4

EEEEEE

Shades & Tints Shades & Tints

#EDF7AD

Dark

Light

#CFD1C1

Dark

Light

#CACFA4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edf7ad;
  --color-2: #cfd1c1;
  --color-3: #cacfa4;
  --color-4: #e4e6d7;
  --color-5: #eff5c3;
}

SCSS

$color-1: #edf7ad;
$color-2: #cfd1c1;
$color-3: #cacfa4;
$color-4: #e4e6d7;
$color-5: #eff5c3;

TAILWIND

colors: {
  'brand-1': '#edf7ad',
  'brand-2': '#cfd1c1',
  'brand-3': '#cacfa4',
  'brand-4': '#e4e6d7',
  'brand-5': '#eff5c3',
}

RGB Array

[237, 247, 173], [207, 209, 193], [202, 207, 164], [228, 230, 215], [239, 245, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDF7AD, #CFD1C1, #CACFA4, #E4E6D7, #EFF5C3 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: #edf7ad; --color-2: #cfd1c1; --color-3: #cacfa4; --color-4: #e4e6d7; --color-5: #eff5c3. 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