#EEE7C6 + #ACAC98 + #FFBC8C + #F5D1A9 + #D7DEC6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EEE7C6

Goose Yellow · Bisque · Lemon Cream

HEX

#EEE7C6

RGB

rgb(238, 231, 198)

HSL

hsl(49, 54%, 85%)

HSB

hsb(49, 17%, 93%)

CMYK

cmyk(0%, 3%, 17%, 7%)

Oklch

oklch(92.5% 0.044 97.3)

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

#ACAC98

Fresh Green · DarkGray · Sunflower

HEX

#ACAC98

RGB

rgb(172, 172, 152)

HSL

hsl(60, 11%, 64%)

HSB

hsb(60, 12%, 67%)

CMYK

cmyk(0%, 0%, 12%, 33%)

Oklch

oklch(73.9% 0.028 107.1)

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

#FFBC8C

Apricot · LightSalmon · Peach Orange

HEX

#FFBC8C

RGB

rgb(255, 188, 140)

HSL

hsl(25, 100%, 77%)

HSB

hsb(25, 45%, 100%)

CMYK

cmyk(0%, 26%, 45%, 0%)

Oklch

oklch(84.6% 0.100 56.5)

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

#F5D1A9

Goose Yellow · Wheat · Peach Orange

HEX

#F5D1A9

RGB

rgb(245, 209, 169)

HSL

hsl(32, 79%, 81%)

HSB

hsb(32, 31%, 96%)

CMYK

cmyk(0%, 15%, 31%, 4%)

Oklch

oklch(88.1% 0.066 69.8)

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

#D7DEC6

Willow Green · LightGray · Mint Green

HEX

#D7DEC6

RGB

rgb(215, 222, 198)

HSL

hsl(78, 27%, 82%)

HSB

hsb(78, 11%, 87%)

CMYK

cmyk(3%, 0%, 11%, 13%)

Oklch

oklch(88.9% 0.033 120.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEE7C6

C4CCED

Analogous

EDD1C4

EEE7C6

E0EDC4

Triadic

EEE7C6

C4EDE6

E6C4ED

Split-Comp.

EEE7C6

C4E0ED

D1C4ED

Tetradic

EEE7C6

C4EDD1

C4CCED

EDC4E0

Contrast Matrix WCAG 2.1 Contrast

EEE7C6	ACAC98	FFBC8C	F5D1A9	D7DEC6
—	1.9 Fail	1.3 Fail	1.2 Fail	1.1 Fail
1.9 Fail	—	1.4 Fail	1.6 Fail	1.7 Fail
1.3 Fail	1.4 Fail	—	1.1 Fail	1.2 Fail
1.2 Fail	1.6 Fail	1.1 Fail	—	1.0 Fail
1.1 Fail	1.7 Fail	1.2 Fail	1.0 Fail	—

White BG

1.2Fail

2.3Fail

1.6Fail

1.4Fail

Black BG

16.9AAA

9.1AAA

12.8AAA

14.6AAA

15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBCE

ACAC9D

E2E198

E5E5B3

DADACC

Deuteranopia

EBECD0

ACAC9E

E6EB9A

E8EAB5

DAD9CD

Tritanopia

EED4D6

ACA1A2

FCA1A3

F3BABC

D7D0D1

Achromatopsia

E5E5E5

AAAAAA

CBCBCB

D7D7D7

D9D9D9

Shades & Tints Shades & Tints

#EEE7C6

Dark

Light

#ACAC98

Dark

Light

#FFBC8C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eee7c6;
  --color-2: #acac98;
  --color-3: #ffbc8c;
  --color-4: #f5d1a9;
  --color-5: #d7dec6;
}

SCSS

$color-1: #eee7c6;
$color-2: #acac98;
$color-3: #ffbc8c;
$color-4: #f5d1a9;
$color-5: #d7dec6;

TAILWIND

colors: {
  'brand-1': '#eee7c6',
  'brand-2': '#acac98',
  'brand-3': '#ffbc8c',
  'brand-4': '#f5d1a9',
  'brand-5': '#d7dec6',
}

RGB Array

[238, 231, 198], [172, 172, 152], [255, 188, 140], [245, 209, 169], [215, 222, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEE7C6, #ACAC98, #FFBC8C, #F5D1A9, #D7DEC6 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: #eee7c6; --color-2: #acac98; --color-3: #ffbc8c; --color-4: #f5d1a9; --color-5: #d7dec6. 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