#EEE3B9 + #FBC9B0 + #F7989C + #747184 + #B6A0AD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EEE3B9

Goose Yellow · Wheat · Lemon Cream

HEX

#EEE3B9

RGB

rgb(238, 227, 185)

HSL

hsl(48, 61%, 83%)

HSB

hsb(48, 22%, 93%)

CMYK

cmyk(0%, 5%, 22%, 7%)

Oklch

oklch(91.4% 0.056 95.1)

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

#FBC9B0

Apricot · Wheat · Peach Orange

HEX

#FBC9B0

RGB

rgb(251, 201, 176)

HSL

hsl(20, 90%, 84%)

HSB

hsb(20, 30%, 98%)

CMYK

cmyk(0%, 20%, 30%, 2%)

Oklch

oklch(87.3% 0.066 47.9)

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

#F7989C

Peach Pink · LightSalmon · Coral Red

HEX

#F7989C

RGB

rgb(247, 152, 156)

HSL

hsl(357, 86%, 78%)

HSB

hsb(357, 38%, 97%)

CMYK

cmyk(0%, 38%, 37%, 3%)

Oklch

oklch(77.8% 0.114 17.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#747184

Deep Indigo · Gray · Warm Gray

HEX

#747184

RGB

rgb(116, 113, 132)

HSL

hsl(249, 8%, 48%)

HSB

hsb(249, 14%, 52%)

CMYK

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

Oklch

oklch(55.8% 0.029 292.7)

Traditional「Deep Indigo」· Paint「Warm Gray」· Creative Urban Concrete

#B6A0AD

Mauve · DarkGray · Rose Pink

HEX

#B6A0AD

RGB

rgb(182, 160, 173)

HSL

hsl(325, 13%, 67%)

HSB

hsb(325, 12%, 71%)

CMYK

cmyk(0%, 12%, 5%, 29%)

Oklch

oklch(72.9% 0.031 341.6)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEE3B9

B9C4EE

Analogous

EEC9B9

EEE3B9

DEEEB9

Triadic

EEE3B9

B9EEE4

E4B9EE

Split-Comp.

EEE3B9

B9DEEE

C9B9EE

Tetradic

EEE3B9

B9EEC9

B9C4EE

EEB9DE

Contrast Matrix WCAG 2.1 Contrast

EEE3B9	FBC9B0	F7989C	747184	B6A0AD
—	1.2 Fail	1.6 Fail	3.7 AA Large	1.9 Fail
1.2 Fail	—	1.4 Fail	3.2 AA Large	1.6 Fail
1.6 Fail	1.4 Fail	—	2.2 Fail	1.2 Fail
3.7 AA Large	3.2 AA Large	2.2 Fail	—	1.9 Fail
1.9 Fail	1.6 Fail	1.2 Fail	1.9 Fail	—

White BG

1.3Fail

1.5Fail

2.1Fail

4.7AA

2.4Fail

Black BG

16.3AAA

14.1AAA

9.9AAA

4.4AA Large

8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9C3

E5E5B6

CECD9B

73737F

ACACAA

Deuteranopia

EAEBC6

E8ECB8

D3DA9B

73737E

AEAFA9

Tritanopia

EDCBCD

F9BBBC

F29A9A

747C7B

B5A7A7

Achromatopsia

E2E2E2

D5D5D5

B5B5B5

747474

A8A8A8

Shades & Tints Shades & Tints

#EEE3B9

Dark

Light

#FBC9B0

Dark

Light

#F7989C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eee3b9;
  --color-2: #fbc9b0;
  --color-3: #f7989c;
  --color-4: #747184;
  --color-5: #b6a0ad;
}

SCSS

$color-1: #eee3b9;
$color-2: #fbc9b0;
$color-3: #f7989c;
$color-4: #747184;
$color-5: #b6a0ad;

TAILWIND

colors: {
  'brand-1': '#eee3b9',
  'brand-2': '#fbc9b0',
  'brand-3': '#f7989c',
  'brand-4': '#747184',
  'brand-5': '#b6a0ad',
}

RGB Array

[238, 227, 185], [251, 201, 176], [247, 152, 156], [116, 113, 132], [182, 160, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEE3B9, #FBC9B0, #F7989C, #747184, #B6A0AD 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: #eee3b9; --color-2: #fbc9b0; --color-3: #f7989c; --color-4: #747184; --color-5: #b6a0ad. 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