#EAE1CC + #B7DABF + #8CD1B9 + #AB91A2 + #CA819C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EAE1CC

Goose Yellow · Bisque · Lemon Cream

HEX

#EAE1CC

RGB

rgb(234, 225, 204)

HSL

hsl(42, 42%, 86%)

HSB

hsb(42, 13%, 92%)

CMYK

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

Oklch

oklch(91.1% 0.030 87.5)

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

#B7DABF

Celadon · Silver · Apple Green

HEX

#B7DABF

RGB

rgb(183, 218, 191)

HSL

hsl(134, 32%, 79%)

HSB

hsb(134, 16%, 85%)

CMYK

cmyk(16%, 0%, 12%, 15%)

Oklch

oklch(85.6% 0.052 152.0)

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

#8CD1B9

Jade · MediumAquaMarine · Apple Green

HEX

#8CD1B9

RGB

rgb(140, 209, 185)

HSL

hsl(159, 43%, 68%)

HSB

hsb(159, 33%, 82%)

CMYK

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

Oklch

oklch(80.8% 0.078 170.5)

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

#AB91A2

Mauve · DarkGray · Rose Pink

HEX

#AB91A2

RGB

rgb(171, 145, 162)

HSL

hsl(321, 13%, 62%)

HSB

hsb(321, 15%, 67%)

CMYK

cmyk(0%, 15%, 5%, 33%)

Oklch

oklch(68.5% 0.039 339.0)

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

#CA819C

Rouge · LightCoral · Rose Pink

HEX

#CA819C

RGB

rgb(202, 129, 156)

HSL

hsl(338, 41%, 65%)

HSB

hsb(338, 36%, 79%)

CMYK

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

Oklch

oklch(68.7% 0.096 356.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAE1CC

CCD5EA

Analogous

EAD2CC

EAE1CC

E4EACC

Triadic

EAE1CC

CCEAE1

E1CCEA

Split-Comp.

EAE1CC

CCE4EA

D2CCEA

Tetradic

EAE1CC

CCEAD2

CCD5EA

EACCE4

Contrast Matrix WCAG 2.1 Contrast

EAE1CC	B7DABF	8CD1B9	AB91A2	CA819C
—	1.2 Fail	1.4 Fail	2.2 Fail	2.3 Fail
1.2 Fail	—	1.2 Fail	1.9 Fail	1.9 Fail
1.4 Fail	1.2 Fail	—	1.6 Fail	1.7 Fail
2.2 Fail	1.9 Fail	1.6 Fail	—	1.0 Fail
2.3 Fail	1.9 Fail	1.7 Fail	1.0 Fail	—

White BG

1.3Fail

1.5Fail

1.8Fail

2.9Fail

Black BG

16.1AAA

13.8AAA

11.9AAA

7.3AAA

7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6D1

C6C6C6

AAAABF

A0A09E

AAAA95

Deuteranopia

E7E7D2

C4C2C7

A6A1C0

A1A39D

AFB494

Tritanopia

EAD5D6

B9CBCC

8FC3C4

AA9B9A

C6908F

Achromatopsia

E1E1E1

CCCCCC

BABABA

9B9B9B

9A9A9A

Shades & Tints Shades & Tints

#EAE1CC

Dark

Light

#B7DABF

Dark

Light

#8CD1B9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eae1cc;
  --color-2: #b7dabf;
  --color-3: #8cd1b9;
  --color-4: #ab91a2;
  --color-5: #ca819c;
}

SCSS

$color-1: #eae1cc;
$color-2: #b7dabf;
$color-3: #8cd1b9;
$color-4: #ab91a2;
$color-5: #ca819c;

TAILWIND

colors: {
  'brand-1': '#eae1cc',
  'brand-2': '#b7dabf',
  'brand-3': '#8cd1b9',
  'brand-4': '#ab91a2',
  'brand-5': '#ca819c',
}

RGB Array

[234, 225, 204], [183, 218, 191], [140, 209, 185], [171, 145, 162], [202, 129, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAE1CC, #B7DABF, #8CD1B9, #AB91A2, #CA819C 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: #eae1cc; --color-2: #b7dabf; --color-3: #8cd1b9; --color-4: #ab91a2; --color-5: #ca819c. 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