#EAE2D8 + #FAD9B8 + #BBBDB3 + #C0DBCC + #F5DEB3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EAE2D8

Goose Yellow · Beige · Peach Orange

HEX

#EAE2D8

RGB

rgb(234, 226, 216)

HSL

hsl(33, 30%, 88%)

HSB

hsb(33, 8%, 92%)

CMYK

cmyk(0%, 3%, 8%, 8%)

Oklch

oklch(91.6% 0.016 73.7)

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

#FAD9B8

Goose Yellow · Wheat · Peach Orange

HEX

#FAD9B8

RGB

rgb(250, 217, 184)

HSL

hsl(30, 87%, 85%)

HSB

hsb(30, 26%, 98%)

CMYK

cmyk(0%, 13%, 26%, 2%)

Oklch

oklch(90.5% 0.057 67.0)

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

#BBBDB3

Silver Gray · Silver · Pearl Gray

HEX

#BBBDB3

RGB

rgb(187, 189, 179)

HSL

hsl(72, 7%, 72%)

HSB

hsb(72, 5%, 74%)

CMYK

cmyk(1%, 0%, 5%, 26%)

Oklch

oklch(79.4% 0.014 115.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#C0DBCC

Celadon · LightGray · Mint Green

HEX

#C0DBCC

RGB

rgb(192, 219, 204)

HSL

hsl(147, 27%, 81%)

HSB

hsb(147, 12%, 86%)

CMYK

cmyk(12%, 0%, 7%, 14%)

Oklch

oklch(86.7% 0.035 161.3)

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

#F5DEB3

Goose Yellow · Wheat · Peach Orange

HEX

#F5DEB3

RGB

rgb(245, 222, 179)

HSL

hsl(39, 77%, 83%)

HSB

hsb(39, 27%, 96%)

CMYK

cmyk(0%, 9%, 27%, 4%)

Oklch

oklch(90.9% 0.061 83.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAE2D8

D7DFEA

Analogous

EAD8D7

EAE2D8

E9EAD7

Triadic

EAE2D8

D7EAE1

E1D7EA

Split-Comp.

EAE2D8

D7E9EA

D8D7EA

Tetradic

EAE2D8

D7EAD8

D7DFEA

EAD7E9

Contrast Matrix WCAG 2.1 Contrast

EAE2D8	FAD9B8	BBBDB3	C0DBCC	F5DEB3
—	1.0 Fail	1.5 Fail	1.1 Fail	1.0 Fail
1.0 Fail	—	1.4 Fail	1.1 Fail	1.0 Fail
1.5 Fail	1.4 Fail	—	1.3 Fail	1.4 Fail
1.1 Fail	1.1 Fail	1.3 Fail	—	1.1 Fail
1.0 Fail	1.0 Fail	1.4 Fail	1.1 Fail	—

White BG

1.3Fail

1.9Fail

1.5Fail

1.3Fail

Black BG

16.4AAA

15.7AAA

11.0AAA

14.2AAA

16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E6DA

ECEBC0

BCBCB5

CCCCD0

EBEBBD

Deuteranopia

E7E8DB

EEF0C2

BCBCB6

CAC8D1

ECEEC0

Tritanopia

EADCDD

F8C6C8

BBB7B8

C1D2D3

F4C6C7

Achromatopsia

E3E3E3

DFDFDF

BBBBBB

D1D1D1

E0E0E0

Shades & Tints Shades & Tints

#EAE2D8

Dark

Light

#FAD9B8

Dark

Light

#BBBDB3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eae2d8;
  --color-2: #fad9b8;
  --color-3: #bbbdb3;
  --color-4: #c0dbcc;
  --color-5: #f5deb3;
}

SCSS

$color-1: #eae2d8;
$color-2: #fad9b8;
$color-3: #bbbdb3;
$color-4: #c0dbcc;
$color-5: #f5deb3;

TAILWIND

colors: {
  'brand-1': '#eae2d8',
  'brand-2': '#fad9b8',
  'brand-3': '#bbbdb3',
  'brand-4': '#c0dbcc',
  'brand-5': '#f5deb3',
}

RGB Array

[234, 226, 216], [250, 217, 184], [187, 189, 179], [192, 219, 204], [245, 222, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAE2D8, #FAD9B8, #BBBDB3, #C0DBCC, #F5DEB3 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: #eae2d8; --color-2: #fad9b8; --color-3: #bbbdb3; --color-4: #c0dbcc; --color-5: #f5deb3. 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