#EFDFAB + #D6D2AB + #BCC6AB + #B2887C + #A9494D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EFDFAB

Goose Yellow · Wheat · Lemon Cream

HEX

#EFDFAB

RGB

rgb(239, 223, 171)

HSL

hsl(46, 68%, 80%)

HSB

hsb(46, 28%, 94%)

CMYK

cmyk(0%, 7%, 28%, 6%)

Oklch

oklch(90.4% 0.070 93.0)

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

#D6D2AB

Fresh Green · Wheat · Sunflower

HEX

#D6D2AB

RGB

rgb(214, 210, 171)

HSL

hsl(54, 34%, 75%)

HSB

hsb(54, 20%, 84%)

CMYK

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

Oklch

oklch(85.7% 0.052 102.6)

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

#BCC6AB

Willow Green · Silver · Apple Green

HEX

#BCC6AB

RGB

rgb(188, 198, 171)

HSL

hsl(82, 19%, 72%)

HSB

hsb(82, 14%, 78%)

CMYK

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

Oklch

oklch(81.1% 0.039 123.8)

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

#B2887C

Crimson · Gray · Passion Red

HEX

#B2887C

RGB

rgb(178, 136, 124)

HSL

hsl(13, 26%, 59%)

HSB

hsb(13, 30%, 70%)

CMYK

cmyk(0%, 24%, 30%, 30%)

Oklch

oklch(66.4% 0.055 36.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#A9494D

Crimson · Sienna · Passion Red

HEX

#A9494D

RGB

rgb(169, 73, 77)

HSL

hsl(357, 40%, 47%)

HSB

hsb(357, 57%, 66%)

CMYK

cmyk(0%, 57%, 54%, 34%)

Oklch

oklch(53.1% 0.127 19.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFDFAB

A9BAEF

Analogous

EFBCA9

EFDFAB

DCEFA9

Triadic

EFDFAB

A9EFDE

DEA9EF

Split-Comp.

EFDFAB

A9DCEF

BCA9EF

Tetradic

EFDFAB

A9EFBC

A9BAEF

EFA9DC

Contrast Matrix WCAG 2.1 Contrast

EFDFAB	D6D2AB	BCC6AB	B2887C	A9494D
—	1.2 Fail	1.3 Fail	2.4 Fail	4.2 AA Large
1.2 Fail	—	1.2 Fail	2.0 Fail	3.6 AA Large
1.3 Fail	1.2 Fail	—	1.8 Fail	3.2 AA Large
2.4 Fail	2.0 Fail	1.8 Fail	—	1.8 Fail
4.2 AA Large	3.6 AA Large	3.2 AA Large	1.8 Fail	—

White BG

1.3Fail

1.5Fail

1.8Fail

3.1AA Large

5.6AA

Black BG

15.8AAA

13.7AAA

11.8AAA

6.7AA

3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8B8

D4D4B4

C0C0B2

A09F7F

7F7F4C

Deuteranopia

E9EABB

D5D5B7

C0BFB3

A2A580

858C4C

Tritanopia

EEC2C4

D6BCBE

BDB7B8

B08182

A44B4B

Achromatopsia

DEDEDE

CFCFCF

C0C0C0

939393

666666

Shades & Tints Shades & Tints

#EFDFAB

Dark

Light

#D6D2AB

Dark

Light

#BCC6AB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efdfab;
  --color-2: #d6d2ab;
  --color-3: #bcc6ab;
  --color-4: #b2887c;
  --color-5: #a9494d;
}

SCSS

$color-1: #efdfab;
$color-2: #d6d2ab;
$color-3: #bcc6ab;
$color-4: #b2887c;
$color-5: #a9494d;

TAILWIND

colors: {
  'brand-1': '#efdfab',
  'brand-2': '#d6d2ab',
  'brand-3': '#bcc6ab',
  'brand-4': '#b2887c',
  'brand-5': '#a9494d',
}

RGB Array

[239, 223, 171], [214, 210, 171], [188, 198, 171], [178, 136, 124], [169, 73, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFDFAB, #D6D2AB, #BCC6AB, #B2887C, #A9494D 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: #efdfab; --color-2: #d6d2ab; --color-3: #bcc6ab; --color-4: #b2887c; --color-5: #a9494d. 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