#EFDCB2 + #DCC098 + #F6975D + #D84728 + #9FA285 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EFDCB2

Goose Yellow · Wheat · Lemon Cream

HEX

#EFDCB2

RGB

rgb(239, 220, 178)

HSL

hsl(41, 66%, 82%)

HSB

hsb(41, 26%, 94%)

CMYK

cmyk(0%, 8%, 26%, 6%)

Oklch

oklch(90.0% 0.059 86.5)

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

#DCC098

Goose Yellow · BurlyWood · Warm Sun

HEX

#DCC098

RGB

rgb(220, 192, 152)

HSL

hsl(35, 49%, 73%)

HSB

hsb(35, 31%, 86%)

CMYK

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

Oklch

oklch(82.2% 0.062 76.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F6975D

Apricot · SandyBrown · Warm Sun

HEX

#F6975D

RGB

rgb(246, 151, 93)

HSL

hsl(23, 89%, 66%)

HSB

hsb(23, 62%, 96%)

CMYK

cmyk(0%, 39%, 62%, 4%)

Oklch

oklch(76.3% 0.136 50.9)

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

#D84728

Vermilion · Chocolate · Passion Red

HEX

#D84728

RGB

rgb(216, 71, 40)

HSL

hsl(11, 69%, 50%)

HSB

hsb(11, 81%, 85%)

CMYK

cmyk(0%, 67%, 81%, 15%)

Oklch

oklch(59.9% 0.187 33.7)

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

#9FA285

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#9FA285

RGB

rgb(159, 162, 133)

HSL

hsl(66, 13%, 58%)

HSB

hsb(66, 18%, 64%)

CMYK

cmyk(2%, 0%, 18%, 36%)

Oklch

oklch(70.2% 0.041 112.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFDCB2

B3C6EF

Analogous

EFBEB3

EFDCB2

E4EFB3

Triadic

EFDCB2

B3EFDC

DCB3EF

Split-Comp.

EFDCB2

B3E4EF

BEB3EF

Tetradic

EFDCB2

B3EFBE

B3C6EF

EFB3E4

Contrast Matrix WCAG 2.1 Contrast

EFDCB2	DCC098	F6975D	D84728	9FA285
—	1.3 Fail	1.6 Fail	3.2 AA Large	1.9 Fail
1.3 Fail	—	1.3 Fail	2.5 Fail	1.5 Fail
1.6 Fail	1.3 Fail	—	2.0 Fail	1.2 Fail
3.2 AA Large	2.5 Fail	2.0 Fail	—	1.6 Fail
1.9 Fail	1.5 Fail	1.2 Fail	1.6 Fail	—

White BG

1.4Fail

1.7Fail

2.2Fail

4.3AA Large

2.6Fail

Black BG

15.6AAA

12.0AAA

9.5AAA

4.9AA

8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7BC

D0D0A2

CDCC6B

999830

A0A08C

Deuteranopia

E8E9BF

D2D4A4

D2DA6E

A2AD31

A0A08E

Tritanopia

EEC4C6

DBA9AB

F17679

D13537

9F9293

Achromatopsia

DDDDDD

C4C4C4

ADADAD

6F6F6F

9E9E9E

Shades & Tints Shades & Tints

#EFDCB2

Dark

Light

#DCC098

Dark

Light

#F6975D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efdcb2;
  --color-2: #dcc098;
  --color-3: #f6975d;
  --color-4: #d84728;
  --color-5: #9fa285;
}

SCSS

$color-1: #efdcb2;
$color-2: #dcc098;
$color-3: #f6975d;
$color-4: #d84728;
$color-5: #9fa285;

TAILWIND

colors: {
  'brand-1': '#efdcb2',
  'brand-2': '#dcc098',
  'brand-3': '#f6975d',
  'brand-4': '#d84728',
  'brand-5': '#9fa285',
}

RGB Array

[239, 220, 178], [220, 192, 152], [246, 151, 93], [216, 71, 40], [159, 162, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFDCB2, #DCC098, #F6975D, #D84728, #9FA285 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: #efdcb2; --color-2: #dcc098; --color-3: #f6975d; --color-4: #d84728; --color-5: #9fa285. 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