#EAE9D5 + #B6C1DF + #A49D97 + #FFFEF2 + #B7B7AD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EAE9D5

Fresh Green · Beige · Lemon Cream

HEX

#EAE9D5

RGB

rgb(234, 233, 213)

HSL

hsl(57, 33%, 88%)

HSB

hsb(57, 9%, 92%)

CMYK

cmyk(0%, 0%, 9%, 8%)

Oklch

oklch(92.9% 0.027 104.6)

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

#B6C1DF

Azure · LightSteelBlue · Cobalt Blue

HEX

#B6C1DF

RGB

rgb(182, 193, 223)

HSL

hsl(224, 39%, 79%)

HSB

hsb(224, 18%, 87%)

CMYK

cmyk(18%, 13%, 0%, 13%)

Oklch

oklch(81.2% 0.044 269.5)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#A49D97

Ash · DarkGray · Silver Sand

HEX

#A49D97

RGB

rgb(164, 157, 151)

HSL

hsl(28, 7%, 62%)

HSB

hsb(28, 8%, 64%)

CMYK

cmyk(0%, 4%, 8%, 36%)

Oklch

oklch(70.0% 0.012 63.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#FFFEF2

Fresh Green · Snow · Lemon Cream

HEX

#FFFEF2

RGB

rgb(255, 254, 242)

HSL

hsl(55, 100%, 97%)

HSB

hsb(55, 5%, 100%)

CMYK

cmyk(0%, 0%, 5%, 0%)

Oklch

oklch(99.5% 0.016 102.8)

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

#B7B7AD

Ash · DarkGray · Silver Sand

HEX

#B7B7AD

RGB

rgb(183, 183, 173)

HSL

hsl(60, 6%, 70%)

HSB

hsb(60, 5%, 72%)

CMYK

cmyk(0%, 0%, 5%, 28%)

Oklch

oklch(77.7% 0.014 106.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAE9D5

D6D7EA

Analogous

EADFD6

EAE9D5

E1EAD6

Triadic

EAE9D5

D6EAE9

E9D6EA

Split-Comp.

EAE9D5

D6E1EA

DFD6EA

Tetradic

EAE9D5

D6EADF

D6D7EA

EAD6E1

Contrast Matrix WCAG 2.1 Contrast

EAE9D5	B6C1DF	A49D97	FFFEF2	B7B7AD
—	1.5 Fail	2.2 Fail	1.2 Fail	1.6 Fail
1.5 Fail	—	1.5 Fail	1.8 Fail	1.1 Fail
2.2 Fail	1.5 Fail	—	2.6 Fail	1.3 Fail
1.2 Fail	1.8 Fail	2.6 Fail	—	2.0 Fail
1.6 Fail	1.1 Fail	1.3 Fail	2.0 Fail	—

White BG

1.2Fail

1.8Fail

2.7Fail

1.0Fail

2.0Fail

Black BG

17.1AAA

11.7AAA

7.8AAA

20.7AAA

10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEADA

BBBBD8

A1A198

FFFFF5

B7B7AF

Deuteranopia

EAEADB

BAB9D6

A1A299

FFFFF6

B7B7B0

Tritanopia

EADEDF

B7D2D1

A49A9A

FFF7F8

B7B1B2

Achromatopsia

E7E7E7

C1C1C1

9E9E9E

FDFDFD

B6B6B6

Shades & Tints Shades & Tints

#EAE9D5

Dark

Light

#B6C1DF

Dark

Light

#A49D97

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eae9d5;
  --color-2: #b6c1df;
  --color-3: #a49d97;
  --color-4: #fffef2;
  --color-5: #b7b7ad;
}

SCSS

$color-1: #eae9d5;
$color-2: #b6c1df;
$color-3: #a49d97;
$color-4: #fffef2;
$color-5: #b7b7ad;

TAILWIND

colors: {
  'brand-1': '#eae9d5',
  'brand-2': '#b6c1df',
  'brand-3': '#a49d97',
  'brand-4': '#fffef2',
  'brand-5': '#b7b7ad',
}

RGB Array

[234, 233, 213], [182, 193, 223], [164, 157, 151], [255, 254, 242], [183, 183, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAE9D5, #B6C1DF, #A49D97, #FFFEF2, #B7B7AD 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: #eae9d5; --color-2: #b6c1df; --color-3: #a49d97; --color-4: #fffef2; --color-5: #b7b7ad. 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