#EC6083 + #CEA8E8 + #C1E0E4 + #CAFDCE + #CDCCBB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EC6083

Peach Pink · LightCoral · Coral Red

HEX

#EC6083

RGB

rgb(236, 96, 131)

HSL

hsl(345, 79%, 65%)

HSB

hsb(345, 59%, 93%)

CMYK

cmyk(0%, 59%, 44%, 7%)

Oklch

oklch(67.5% 0.175 7.6)

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

#CEA8E8

Lilac · LightSteelBlue · Lilac Purple

HEX

#CEA8E8

RGB

rgb(206, 168, 232)

HSL

hsl(276, 58%, 78%)

HSB

hsb(276, 28%, 91%)

CMYK

cmyk(11%, 28%, 0%, 9%)

Oklch

oklch(78.7% 0.098 311.2)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#C1E0E4

Sky Blue · LightBlue · Glacier Blue

HEX

#C1E0E4

RGB

rgb(193, 224, 228)

HSL

hsl(187, 39%, 83%)

HSB

hsb(187, 15%, 89%)

CMYK

cmyk(15%, 2%, 0%, 11%)

Oklch

oklch(88.5% 0.033 206.1)

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

#CAFDCE

Emerald · LightGray · Mint Green

HEX

#CAFDCE

RGB

rgb(202, 253, 206)

HSL

hsl(125, 93%, 89%)

HSB

hsb(125, 20%, 99%)

CMYK

cmyk(20%, 0%, 19%, 1%)

Oklch

oklch(94.7% 0.082 147.0)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#CDCCBB

Fresh Green · Silver · Lemon Cream

HEX

#CDCCBB

RGB

rgb(205, 204, 187)

HSL

hsl(57, 15%, 77%)

HSB

hsb(57, 9%, 80%)

CMYK

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

Oklch

oklch(84.1% 0.023 104.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EC6083

5FECC9

Analogous

EC5FC9

EC6083

EC825F

Triadic

EC6083

82EC5F

5F82EC

Split-Comp.

EC6083

5FEC82

5FC9EC

Tetradic

EC6083

C9EC5F

5FECC9

825FEC

Contrast Matrix WCAG 2.1 Contrast

EC6083	CEA8E8	C1E0E4	CAFDCE	CDCCBB
—	1.6 Fail	2.3 Fail	2.8 Fail	2.0 Fail
1.6 Fail	—	1.4 Fail	1.8 Fail	1.2 Fail
2.3 Fail	1.4 Fail	—	1.2 Fail	1.2 Fail
2.8 Fail	1.8 Fail	1.2 Fail	—	1.4 Fail
2.0 Fail	1.2 Fail	1.2 Fail	1.4 Fail	—

White BG

3.2AA Large

2.0Fail

1.4Fail

1.1Fail

1.6Fail

Black BG

6.6AA

10.4AAA

15.1AAA

18.5AAA

13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAE7B

BEBDD9

CECFE3

E0E1D9

CDCDBF

Deuteranopia

B8C278

C0C3D5

CDCAE3

DDD9DC

CDCDC0

Tritanopia

E57472

CCCCCA

C3E2E2

CDE2E4

CDC2C3

Achromatopsia

8E8E8E

BBBBBB

D7D7D7

E8E8E8

CACACA

Shades & Tints Shades & Tints

#EC6083

Dark

Light

#CEA8E8

Dark

Light

#C1E0E4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ec6083;
  --color-2: #cea8e8;
  --color-3: #c1e0e4;
  --color-4: #cafdce;
  --color-5: #cdccbb;
}

SCSS

$color-1: #ec6083;
$color-2: #cea8e8;
$color-3: #c1e0e4;
$color-4: #cafdce;
$color-5: #cdccbb;

TAILWIND

colors: {
  'brand-1': '#ec6083',
  'brand-2': '#cea8e8',
  'brand-3': '#c1e0e4',
  'brand-4': '#cafdce',
  'brand-5': '#cdccbb',
}

RGB Array

[236, 96, 131], [206, 168, 232], [193, 224, 228], [202, 253, 206], [205, 204, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EC6083, #CEA8E8, #C1E0E4, #CAFDCE, #CDCCBB 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: #ec6083; --color-2: #cea8e8; --color-3: #c1e0e4; --color-4: #cafdce; --color-5: #cdccbb. 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