#E7CADA + #D5D3DB + #C3DADD + #A4E2DF + #44F1D7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E7CADA

Mauve · LightGray · Cherry Blossom

HEX

#E7CADA

RGB

rgb(231, 202, 218)

HSL

hsl(327, 38%, 85%)

HSB

hsb(327, 13%, 91%)

CMYK

cmyk(0%, 13%, 6%, 9%)

Oklch

oklch(86.8% 0.039 343.6)

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

#D5D3DB

Wisteria · LightGray · Sky Blue

HEX

#D5D3DB

RGB

rgb(213, 211, 219)

HSL

hsl(255, 10%, 84%)

HSB

hsb(255, 4%, 86%)

CMYK

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

Oklch

oklch(87.1% 0.011 297.6)

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

#C3DADD

Sky Blue · LightGray · Glacier Blue

HEX

#C3DADD

RGB

rgb(195, 218, 221)

HSL

hsl(187, 28%, 82%)

HSB

hsb(187, 12%, 87%)

CMYK

cmyk(12%, 1%, 0%, 13%)

Oklch

oklch(87.2% 0.025 206.2)

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

#A4E2DF

Jade · LightBlue · Glacier Blue

HEX

#A4E2DF

RGB

rgb(164, 226, 223)

HSL

hsl(177, 52%, 76%)

HSB

hsb(177, 27%, 89%)

CMYK

cmyk(27%, 0%, 1%, 11%)

Oklch

oklch(87.0% 0.063 192.3)

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

#44F1D7

Jade · Turquoise · Lake Green

HEX

#44F1D7

RGB

rgb(68, 241, 215)

HSL

hsl(171, 86%, 61%)

HSB

hsb(171, 72%, 95%)

CMYK

cmyk(72%, 0%, 11%, 5%)

Oklch

oklch(86.6% 0.142 180.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7CADA

CAE7D7

Analogous

E6CAE7

E7CADA

E7CACC

Triadic

E7CADA

DAE7CA

CADAE7

Split-Comp.

E7CADA

CCE7CA

CAE7E6

Tetradic

E7CADA

E7E6CA

CAE7D7

CACCE7

Contrast Matrix WCAG 2.1 Contrast

E7CADA	D5D3DB	C3DADD	A4E2DF	44F1D7
—	1.0 Fail	1.0 Fail	1.0 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

1.5Fail

1.4Fail

Black BG

13.9AAA

14.2AAA

14.4AAA

14.5AAA

14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAD6

D4D4D9

CDCDDC

BFBFE0

8F90DD

Deuteranopia

DCDED5

D4D4D9

CCCADC

BBB7E0

8578DF

Tritanopia

E6D3D2

D5D8D7

C4DCDC

A7E0E0

4DE2E3

Achromatopsia

D4D4D4

D5D5D5

D3D3D3

CFCFCF

BABABA

Shades & Tints Shades & Tints

#E7CADA

Dark

Light

#D5D3DB

Dark

Light

#C3DADD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7cada;
  --color-2: #d5d3db;
  --color-3: #c3dadd;
  --color-4: #a4e2df;
  --color-5: #44f1d7;
}

SCSS

$color-1: #e7cada;
$color-2: #d5d3db;
$color-3: #c3dadd;
$color-4: #a4e2df;
$color-5: #44f1d7;

TAILWIND

colors: {
  'brand-1': '#e7cada',
  'brand-2': '#d5d3db',
  'brand-3': '#c3dadd',
  'brand-4': '#a4e2df',
  'brand-5': '#44f1d7',
}

RGB Array

[231, 202, 218], [213, 211, 219], [195, 218, 221], [164, 226, 223], [68, 241, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E7CADA, #D5D3DB, #C3DADD, #A4E2DF, #44F1D7 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: #e7cada; --color-2: #d5d3db; --color-3: #c3dadd; --color-4: #a4e2df; --color-5: #44f1d7. 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