#EAD6BB + #D1D2BA + #98C9B9 + #C99AA8 + #F96B96 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EAD6BB

Goose Yellow · Wheat · Peach Orange

HEX

#EAD6BB

RGB

rgb(234, 214, 187)

HSL

hsl(34, 53%, 83%)

HSB

hsb(34, 20%, 92%)

CMYK

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

Oklch

oklch(88.5% 0.042 75.4)

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

#D1D2BA

Fresh Green · LightGray · Lemon Cream

HEX

#D1D2BA

RGB

rgb(209, 210, 186)

HSL

hsl(62, 21%, 78%)

HSB

hsb(62, 11%, 82%)

CMYK

cmyk(0%, 0%, 11%, 18%)

Oklch

oklch(85.7% 0.032 109.0)

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

#98C9B9

Jade · DarkGray · Lake Green

HEX

#98C9B9

RGB

rgb(152, 201, 185)

HSL

hsl(160, 31%, 69%)

HSB

hsb(160, 24%, 79%)

CMYK

cmyk(24%, 0%, 8%, 21%)

Oklch

oklch(79.7% 0.056 172.7)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#C99AA8

Rouge · DarkGray · Rose Pink

HEX

#C99AA8

RGB

rgb(201, 154, 168)

HSL

hsl(342, 30%, 70%)

HSB

hsb(342, 23%, 79%)

CMYK

cmyk(0%, 23%, 16%, 21%)

Oklch

oklch(73.4% 0.059 359.0)

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

#F96B96

Rouge · LightCoral · Rose Pink

HEX

#F96B96

RGB

rgb(249, 107, 150)

HSL

hsl(342, 92%, 70%)

HSB

hsb(342, 57%, 98%)

CMYK

cmyk(0%, 57%, 40%, 2%)

Oklch

oklch(71.3% 0.178 3.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAD6BB

BDD1EB

Analogous

EBC0BD

EAD6BB

E8EBBD

Triadic

EAD6BB

BDEBD7

D7BDEB

Split-Comp.

EAD6BB

BDE8EB

C0BDEB

Tetradic

EAD6BB

BDEBC0

BDD1EB

EBBDE8

Contrast Matrix WCAG 2.1 Contrast

EAD6BB	D1D2BA	98C9B9	C99AA8	F96B96
—	1.1 Fail	1.3 Fail	1.7 Fail	2.0 Fail
1.1 Fail	—	1.2 Fail	1.6 Fail	1.8 Fail
1.3 Fail	1.2 Fail	—	1.3 Fail	1.5 Fail
1.7 Fail	1.6 Fail	1.3 Fail	—	1.1 Fail
2.0 Fail	1.8 Fail	1.5 Fail	1.1 Fail	—

White BG

1.4Fail

1.5Fail

1.8Fail

2.4Fail

2.8Fail

Black BG

14.8AAA

13.6AAA

11.4AAA

8.7AAA

7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1C2

D1D1C0

ADAEBD

B5B4A5

BCBA8C

Deuteranopia

E3E4C3

D1D1C1

AAA7BE

B7BBA4

C4CE89

Tritanopia

E9C7C8

D1C4C5

9AC0C1

C7A2A1

F28382

Achromatopsia

D9D9D9

CFCFCF

B9B9B9

AAAAAA

9A9A9A

Shades & Tints Shades & Tints

#EAD6BB

Dark

Light

#D1D2BA

Dark

Light

#98C9B9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ead6bb;
  --color-2: #d1d2ba;
  --color-3: #98c9b9;
  --color-4: #c99aa8;
  --color-5: #f96b96;
}

SCSS

$color-1: #ead6bb;
$color-2: #d1d2ba;
$color-3: #98c9b9;
$color-4: #c99aa8;
$color-5: #f96b96;

TAILWIND

colors: {
  'brand-1': '#ead6bb',
  'brand-2': '#d1d2ba',
  'brand-3': '#98c9b9',
  'brand-4': '#c99aa8',
  'brand-5': '#f96b96',
}

RGB Array

[234, 214, 187], [209, 210, 186], [152, 201, 185], [201, 154, 168], [249, 107, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAD6BB, #D1D2BA, #98C9B9, #C99AA8, #F96B96 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: #ead6bb; --color-2: #d1d2ba; --color-3: #98c9b9; --color-4: #c99aa8; --color-5: #f96b96. 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