#EAABCE + #DCBAD4 + #CBC9DA + #BDD9DD + #ABE6E5 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EAABCE

Mauve · LightPink · Cherry Blossom

HEX

#EAABCE

RGB

rgb(234, 171, 206)

HSL

hsl(327, 60%, 79%)

HSB

hsb(327, 27%, 92%)

CMYK

cmyk(0%, 27%, 12%, 8%)

Oklch

oklch(81.0% 0.086 344.8)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#DCBAD4

Mauve · LightGray · Lilac Purple

HEX

#DCBAD4

RGB

rgb(220, 186, 212)

HSL

hsl(314, 33%, 80%)

HSB

hsb(314, 15%, 86%)

CMYK

cmyk(0%, 15%, 4%, 14%)

Oklch

oklch(82.6% 0.052 334.3)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#CBC9DA

Wisteria · LightGray · Sky Blue

HEX

#CBC9DA

RGB

rgb(203, 201, 218)

HSL

hsl(247, 19%, 82%)

HSB

hsb(247, 8%, 85%)

CMYK

cmyk(7%, 8%, 0%, 15%)

Oklch

oklch(84.3% 0.024 291.3)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#BDD9DD

Sky Blue · LightBlue · Glacier Blue

HEX

#BDD9DD

RGB

rgb(189, 217, 221)

HSL

hsl(188, 32%, 80%)

HSB

hsb(188, 14%, 87%)

CMYK

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

Oklch

oklch(86.6% 0.030 207.1)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#ABE6E5

Jade · LightBlue · Glacier Blue

HEX

#ABE6E5

RGB

rgb(171, 230, 229)

HSL

hsl(179, 54%, 79%)

HSB

hsb(179, 26%, 90%)

CMYK

cmyk(26%, 0%, 0%, 10%)

Oklch

oklch(88.5% 0.060 194.8)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAABCE

A9EAC6

Analogous

E6A9EA

EAABCE

EAA9AD

Triadic

EAABCE

CDEAA9

A9CDEA

Split-Comp.

EAABCE

ADEAA9

A9EAE6

Tetradic

EAABCE

EAE6A9

A9EAC6

A9ADEA

Contrast Matrix WCAG 2.1 Contrast

EAABCE	DCBAD4	CBC9DA	BDD9DD	ABE6E5
—	1.1 Fail	1.2 Fail	1.3 Fail	1.4 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.3 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.4 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

1.9Fail

1.7Fail

1.6Fail

1.5Fail

1.4Fail

Black BG

11.2AAA

12.0AAA

12.9AAA

14.1AAA

15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCEC6

CDCDCE

CACAD6

C9C9DC

C5C5E5

Deuteranopia

D2D7C4

CFD2CC

CACAD5

C8C5DC

C1BDE5

Tritanopia

E7BFBD

DAC9C8

CBD3D2

BEDBDB

AEE5E5

Achromatopsia

C2C2C2

C7C7C7

CCCCCC

D1D1D1

D4D4D4

Shades & Tints Shades & Tints

#EAABCE

Dark

Light

#DCBAD4

Dark

Light

#CBC9DA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eaabce;
  --color-2: #dcbad4;
  --color-3: #cbc9da;
  --color-4: #bdd9dd;
  --color-5: #abe6e5;
}

SCSS

$color-1: #eaabce;
$color-2: #dcbad4;
$color-3: #cbc9da;
$color-4: #bdd9dd;
$color-5: #abe6e5;

TAILWIND

colors: {
  'brand-1': '#eaabce',
  'brand-2': '#dcbad4',
  'brand-3': '#cbc9da',
  'brand-4': '#bdd9dd',
  'brand-5': '#abe6e5',
}

RGB Array

[234, 171, 206], [220, 186, 212], [203, 201, 218], [189, 217, 221], [171, 230, 229]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #EAABCE, #DCBAD4, #CBC9DA, #BDD9DD, #ABE6E5 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: #eaabce; --color-2: #dcbad4; --color-3: #cbc9da; --color-4: #bdd9dd; --color-5: #abe6e5. 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 sea-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