#FEE3AC + #E9B977 + #E7C89C + #CFCFAD + #908265 · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FEE3AC

Goose Yellow · Wheat · Lemon Cream

HEX

#FEE3AC

RGB

rgb(254, 227, 172)

HSL

hsl(40, 98%, 84%)

HSB

hsb(40, 32%, 100%)

CMYK

cmyk(0%, 11%, 32%, 0%)

Oklch

oklch(92.5% 0.076 84.8)

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

#E9B977

Ginger · BurlyWood · Warm Sun

HEX

#E9B977

RGB

rgb(233, 185, 119)

HSL

hsl(35, 72%, 69%)

HSB

hsb(35, 49%, 91%)

CMYK

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

Oklch

oklch(81.5% 0.100 74.4)

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

#E7C89C

Goose Yellow · BurlyWood · Peach Orange

HEX

#E7C89C

RGB

rgb(231, 200, 156)

HSL

hsl(35, 61%, 76%)

HSB

hsb(35, 32%, 91%)

CMYK

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

Oklch

oklch(84.8% 0.068 76.3)

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

#CFCFAD

Fresh Green · Silver · Sunflower

HEX

#CFCFAD

RGB

rgb(207, 207, 173)

HSL

hsl(60, 26%, 75%)

HSB

hsb(60, 16%, 81%)

CMYK

cmyk(0%, 0%, 16%, 19%)

Oklch

oklch(84.6% 0.046 107.3)

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

#908265

Ochre · Gray · Honey Gold

HEX

#908265

RGB

rgb(144, 130, 101)

HSL

hsl(40, 18%, 48%)

HSB

hsb(40, 30%, 56%)

CMYK

cmyk(0%, 10%, 30%, 44%)

Oklch

oklch(61.1% 0.045 85.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEE3AC

AEC9FE

Analogous

FEBCAE

FEE3AC

F1FEAE

Triadic

FEE3AC

AEFEE4

E4AEFE

Split-Comp.

FEE3AC

AEF1FE

BCAEFE

Tetradic

FEE3AC

AEFEBC

AEC9FE

FEAEF1

Contrast Matrix WCAG 2.1 Contrast

FEE3AC	E9B977	E7C89C	CFCFAD	908265
—	1.4 Fail	1.3 Fail	1.3 Fail	3.0 AA Large
1.4 Fail	—	1.1 Fail	1.1 Fail	2.1 Fail
1.3 Fail	1.1 Fail	—	1.0 Fail	2.4 Fail
1.3 Fail	1.1 Fail	1.0 Fail	—	2.4 Fail
3.0 AA Large	2.1 Fail	2.4 Fail	2.4 Fail	—

White BG

1.3Fail

1.8Fail

1.6Fail

3.8AA Large

Black BG

16.8AAA

11.7AAA

13.1AAA

13.2AAA

5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2B9

D4D487

DAD9A7

CFCFB5

8A8A6C

Deuteranopia

F4F6BD

D7DB8B

DBDEA9

CFCFB7

8B8C6E

Tritanopia

FDC4C6

E79496

E5AFB1

CFBCBD

8F7273

Achromatopsia

E5E5E5

C0C0C0

CCCCCC

CBCBCB

838383

Shades & Tints Shades & Tints

#FEE3AC

Dark

Light

#E9B977

Dark

Light

#E7C89C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fee3ac;
  --color-2: #e9b977;
  --color-3: #e7c89c;
  --color-4: #cfcfad;
  --color-5: #908265;
}

SCSS

$color-1: #fee3ac;
$color-2: #e9b977;
$color-3: #e7c89c;
$color-4: #cfcfad;
$color-5: #908265;

TAILWIND

colors: {
  'brand-1': '#fee3ac',
  'brand-2': '#e9b977',
  'brand-3': '#e7c89c',
  'brand-4': '#cfcfad',
  'brand-5': '#908265',
}

RGB Array

[254, 227, 172], [233, 185, 119], [231, 200, 156], [207, 207, 173], [144, 130, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FEE3AC, #E9B977, #E7C89C, #CFCFAD, #908265 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: #fee3ac; --color-2: #e9b977; --color-3: #e7c89c; --color-4: #cfcfad; --color-5: #908265. 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 warm-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