← Back to Editor

#E0EBD8 · #D3E6DE · #B3DFE3 · #BAC1D1 · #C7ABC2

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E0EBD8

Celadon · Beige · Mint Green

HEX
#E0EBD8
RGB
rgb(224, 235, 216)
HSL
hsl(95, 32%, 88%)
HSB
hsb(95, 8%, 92%)
CMYK
cmyk(5%, 0%, 8%, 8%)
Oklch
oklch(92.7% 0.028 131.8)

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

#D3E6DE

Jade · LightGray · Mint Green

HEX
#D3E6DE
RGB
rgb(211, 230, 222)
HSL
hsl(155, 28%, 86%)
HSB
hsb(155, 8%, 90%)
CMYK
cmyk(8%, 0%, 3%, 10%)
Oklch
oklch(90.9% 0.023 168.7)

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

#B3DFE3

Sky Blue · LightBlue · Glacier Blue

HEX
#B3DFE3
RGB
rgb(179, 223, 227)
HSL
hsl(185, 46%, 80%)
HSB
hsb(185, 21%, 89%)
CMYK
cmyk(21%, 2%, 0%, 11%)
Oklch
oklch(87.4% 0.046 203.2)

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

#BAC1D1

Azure · LightSteelBlue · Cobalt Blue

HEX
#BAC1D1
RGB
rgb(186, 193, 209)
HSL
hsl(222, 20%, 77%)
HSB
hsb(222, 11%, 82%)
CMYK
cmyk(11%, 8%, 0%, 18%)
Oklch
oklch(81.0% 0.024 266.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#C7ABC2

Mauve · Silver · Lilac Purple

HEX
#C7ABC2
RGB
rgb(199, 171, 194)
HSL
hsl(311, 20%, 73%)
HSB
hsb(311, 14%, 78%)
CMYK
cmyk(0%, 14%, 3%, 22%)
Oklch
oklch(77.3% 0.045 332.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0EBD8
E2D7EA

Analogous

E9EAD7
E0EBD8
D7EAD8

Triadic

E0EBD8
D7DFEA
EAD7DF

Split-Comp.

E0EBD8
D8D7EA
EAD7E9

Tetradic

E0EBD8
D7E9EA
E2D7EA
EAD8D7

Contrast Matrix WCAG 2.1 Contrast

E0EBD8
D3E6DE
B3DFE3
BAC1D1
C7ABC2
—
1.1
Fail
1.2
Fail
1.5
Fail
1.7
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.6
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.5
Fail
1.5
Fail
1.4
Fail
1.3
Fail
—
1.2
Fail
1.7
Fail
1.6
Fail
1.5
Fail
1.2
Fail
—
White BG
1.2Fail
1.3Fail
1.4Fail
1.8Fail
2.1Fail
Black BG
17.0AAA
16.1AAA
14.6AAA
11.6AAA
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5DD
DBDBE0
C6C6E2
BDBDCD
BBBBBC

Deuteranopia

E4E3DE
DAD9E0
C4C0E2
BDBCCC
BDBFBB

Tritanopia

E1E0E1
D4E1E2
B5E1E1
BACAC9
C6B8B7

Achromatopsia

E6E6E6
DFDFDF
D2D2D2
C1C1C1
B6B6B6

Shades & Tints Shades & Tints

#E0EBD8

Dark
Light

#D3E6DE

Dark
Light

#B3DFE3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0ebd8;
  --color-2: #d3e6de;
  --color-3: #b3dfe3;
  --color-4: #bac1d1;
  --color-5: #c7abc2;
}

SCSS

$color-1: #e0ebd8;
$color-2: #d3e6de;
$color-3: #b3dfe3;
$color-4: #bac1d1;
$color-5: #c7abc2;

TAILWIND

colors: {
  'brand-1': '#e0ebd8',
  'brand-2': '#d3e6de',
  'brand-3': '#b3dfe3',
  'brand-4': '#bac1d1',
  'brand-5': '#c7abc2',
}

RGB Array

[224, 235, 216], [211, 230, 222], [179, 223, 227], [186, 193, 209], [199, 171, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0EBD8, #D3E6DE, #B3DFE3, #BAC1D1, #C7ABC2 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e0ebd8; --color-2: #d3e6de; --color-3: #b3dfe3; --color-4: #bac1d1; --color-5: #c7abc2. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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