#EFD0A4 + #CCCCA8 + #B8CAA2 + #DFD597 + #FEED91 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EFD0A4

Goose Yellow · Wheat · Peach Orange

HEX

#EFD0A4

RGB

rgb(239, 208, 164)

HSL

hsl(35, 70%, 79%)

HSB

hsb(35, 31%, 94%)

CMYK

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

Oklch

oklch(87.3% 0.067 76.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#CCCCA8

Fresh Green · Silver · Sunflower

HEX

#CCCCA8

RGB

rgb(204, 204, 168)

HSL

hsl(60, 26%, 73%)

HSB

hsb(60, 18%, 80%)

CMYK

cmyk(0%, 0%, 18%, 20%)

Oklch

oklch(83.6% 0.048 107.4)

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

#B8CAA2

Willow Green · Silver · Apple Green

HEX

#B8CAA2

RGB

rgb(184, 202, 162)

HSL

hsl(87, 27%, 71%)

HSB

hsb(87, 20%, 79%)

CMYK

cmyk(9%, 0%, 20%, 21%)

Oklch

oklch(81.5% 0.058 127.4)

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

#DFD597

Fresh Green · Khaki · Sunflower

HEX

#DFD597

RGB

rgb(223, 213, 151)

HSL

hsl(52, 53%, 73%)

HSB

hsb(52, 32%, 87%)

CMYK

cmyk(0%, 4%, 32%, 13%)

Oklch

oklch(86.6% 0.081 100.1)

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

#FEED91

Fresh Green · Khaki · Lemon Cream

HEX

#FEED91

RGB

rgb(254, 237, 145)

HSL

hsl(51, 98%, 78%)

HSB

hsb(51, 43%, 100%)

CMYK

cmyk(0%, 7%, 43%, 0%)

Oklch

oklch(94.0% 0.114 99.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFD0A4

A4C3EF

Analogous

EFAAA4

EFD0A4

E9EFA4

Triadic

EFD0A4

A4EFD0

D0A4EF

Split-Comp.

EFD0A4

A4E9EF

AAA4EF

Tetradic

EFD0A4

A4EFAA

A4C3EF

EFA4E9

Contrast Matrix WCAG 2.1 Contrast

EFD0A4	CCCCA8	B8CAA2	DFD597	FEED91
—	1.1 Fail	1.2 Fail	1.0 Fail	1.2 Fail
1.1 Fail	—	1.1 Fail	1.1 Fail	1.4 Fail
1.2 Fail	1.1 Fail	—	1.2 Fail	1.5 Fail
1.0 Fail	1.1 Fail	1.2 Fail	—	1.3 Fail
1.2 Fail	1.4 Fail	1.5 Fail	1.3 Fail	—

White BG

1.5Fail

1.6Fail

1.7Fail

1.5Fail

1.2Fail

Black BG

14.2AAA

12.8AAA

12.0AAA

14.1AAA

17.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E1AF

CCCCB1

C0C0AC

DBDBA6

F7F6A7

Deuteranopia

E3E6B1

CCCCB3

BFBDAE

DBDCAA

F8F9AD

Tritanopia

EDB7B9

CCB8B9

B9B3B5

DFB2B4

FDB9BD

Achromatopsia

D4D4D4

C8C8C8

C0C0C0

D1D1D1

E8E8E8

Shades & Tints Shades & Tints

#EFD0A4

Dark

Light

#CCCCA8

Dark

Light

#B8CAA2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efd0a4;
  --color-2: #cccca8;
  --color-3: #b8caa2;
  --color-4: #dfd597;
  --color-5: #feed91;
}

SCSS

$color-1: #efd0a4;
$color-2: #cccca8;
$color-3: #b8caa2;
$color-4: #dfd597;
$color-5: #feed91;

TAILWIND

colors: {
  'brand-1': '#efd0a4',
  'brand-2': '#cccca8',
  'brand-3': '#b8caa2',
  'brand-4': '#dfd597',
  'brand-5': '#feed91',
}

RGB Array

[239, 208, 164], [204, 204, 168], [184, 202, 162], [223, 213, 151], [254, 237, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFD0A4, #CCCCA8, #B8CAA2, #DFD597, #FEED91 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: #efd0a4; --color-2: #cccca8; --color-3: #b8caa2; --color-4: #dfd597; --color-5: #feed91. 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