#EFEACD + #FDD8BE + #DEA98A + #C0C9B4 + #B5BEA3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EFEACD

Fresh Green · Bisque · Lemon Cream

HEX

#EFEACD

RGB

rgb(239, 234, 205)

HSL

hsl(51, 52%, 87%)

HSB

hsb(51, 14%, 94%)

CMYK

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

Oklch

oklch(93.3% 0.039 99.0)

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

#FDD8BE

Apricot · Bisque · Peach Orange

HEX

#FDD8BE

RGB

rgb(253, 216, 190)

HSL

hsl(25, 94%, 87%)

HSB

hsb(25, 25%, 99%)

CMYK

cmyk(0%, 15%, 25%, 1%)

Oklch

oklch(90.7% 0.054 57.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#DEA98A

Apricot · BurlyWood · Warm Sun

HEX

#DEA98A

RGB

rgb(222, 169, 138)

HSL

hsl(22, 56%, 71%)

HSB

hsb(22, 38%, 87%)

CMYK

cmyk(0%, 24%, 38%, 13%)

Oklch

oklch(77.6% 0.076 51.6)

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

#C0C9B4

Willow Green · Silver · Apple Green

HEX

#C0C9B4

RGB

rgb(192, 201, 180)

HSL

hsl(86, 16%, 75%)

HSB

hsb(86, 10%, 79%)

CMYK

cmyk(4%, 0%, 10%, 21%)

Oklch

oklch(82.3% 0.030 126.0)

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

#B5BEA3

Willow Green · DarkGray · Apple Green

HEX

#B5BEA3

RGB

rgb(181, 190, 163)

HSL

hsl(80, 17%, 69%)

HSB

hsb(80, 14%, 75%)

CMYK

cmyk(5%, 0%, 14%, 25%)

Oklch

oklch(78.7% 0.039 122.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFEACD

CDD2EF

Analogous

EFD9CD

EFEACD

E3EFCD

Triadic

EFEACD

CDEFEA

EACDEF

Split-Comp.

EFEACD

CDE3EF

D9CDEF

Tetradic

EFEACD

CDEFD9

CDD2EF

EFCDE3

Contrast Matrix WCAG 2.1 Contrast

EFEACD	FDD8BE	DEA98A	C0C9B4	B5BEA3
—	1.1 Fail	1.7 Fail	1.4 Fail	1.6 Fail
1.1 Fail	—	1.6 Fail	1.3 Fail	1.4 Fail
1.7 Fail	1.6 Fail	—	1.2 Fail	1.1 Fail
1.4 Fail	1.3 Fail	1.2 Fail	—	1.1 Fail
1.6 Fail	1.4 Fail	1.1 Fail	1.1 Fail	—

White BG

1.2Fail

1.3Fail

2.1Fail

1.7Fail

1.9Fail

Black BG

17.3AAA

15.7AAA

10.1AAA

12.3AAA

10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDD4

EDEDC4

C7C792

C4C4B9

B9B9AA

Deuteranopia

EDEED6

EFF2C6

CACE93

C3C3BA

B8B8AB

Tritanopia

EFDADB

FBC9CA

DB9799

C0BDBE

B5AFB0

Achromatopsia

E8E8E8

E0E0E0

B5B5B5

C4C4C4

B8B8B8

Shades & Tints Shades & Tints

#EFEACD

Dark

Light

#FDD8BE

Dark

Light

#DEA98A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efeacd;
  --color-2: #fdd8be;
  --color-3: #dea98a;
  --color-4: #c0c9b4;
  --color-5: #b5bea3;
}

SCSS

$color-1: #efeacd;
$color-2: #fdd8be;
$color-3: #dea98a;
$color-4: #c0c9b4;
$color-5: #b5bea3;

TAILWIND

colors: {
  'brand-1': '#efeacd',
  'brand-2': '#fdd8be',
  'brand-3': '#dea98a',
  'brand-4': '#c0c9b4',
  'brand-5': '#b5bea3',
}

RGB Array

[239, 234, 205], [253, 216, 190], [222, 169, 138], [192, 201, 180], [181, 190, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFEACD, #FDD8BE, #DEA98A, #C0C9B4, #B5BEA3 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: #efeacd; --color-2: #fdd8be; --color-3: #dea98a; --color-4: #c0c9b4; --color-5: #b5bea3. 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