← Back to Editor

#E7DADA · #D1B4D0 · #9380B7 · #ABB8C9 · #B8E4CF

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

#E7DADA

Peach Pink · LightGray · Cherry Blossom

HEX
#E7DADA
RGB
rgb(231, 218, 218)
HSL
hsl(0, 21%, 88%)
HSB
hsb(0, 6%, 91%)
CMYK
cmyk(0%, 6%, 6%, 9%)
Oklch
oklch(89.9% 0.014 17.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#D1B4D0

Mauve · Silver · Lilac Purple

HEX
#D1B4D0
RGB
rgb(209, 180, 208)
HSL
hsl(302, 24%, 76%)
HSB
hsb(302, 14%, 82%)
CMYK
cmyk(0%, 14%, 0%, 18%)
Oklch
oklch(80.4% 0.050 327.1)

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

#9380B7

Wisteria · LightSlateGray · Lilac Purple

HEX
#9380B7
RGB
rgb(147, 128, 183)
HSL
hsl(261, 28%, 61%)
HSB
hsb(261, 30%, 72%)
CMYK
cmyk(20%, 30%, 0%, 28%)
Oklch
oklch(63.8% 0.083 299.9)

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

#ABB8C9

Azure · Silver · Cobalt Blue

HEX
#ABB8C9
RGB
rgb(171, 184, 201)
HSL
hsl(214, 22%, 73%)
HSB
hsb(214, 15%, 79%)
CMYK
cmyk(15%, 8%, 0%, 21%)
Oklch
oklch(77.8% 0.028 255.1)

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

#B8E4CF

Jade · LightBlue · Mint Green

HEX
#B8E4CF
RGB
rgb(184, 228, 207)
HSL
hsl(151, 45%, 81%)
HSB
hsb(151, 19%, 89%)
CMYK
cmyk(19%, 0%, 9%, 11%)
Oklch
oklch(88.2% 0.054 164.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7DADA
DAE7E7

Analogous

E7DAE0
E7DADA
E7E0DA

Triadic

E7DADA
DAE7DA
DADAE7

Split-Comp.

E7DADA
DAE7E0
DAE0E7

Tetradic

E7DADA
E0E7DA
DAE7E7
E0DAE7

Contrast Matrix WCAG 2.1 Contrast

E7DADA
D1B4D0
9380B7
ABB8C9
B8E4CF
—
1.4
Fail
2.6
Fail
1.5
Fail
1.0
Fail
1.4
Fail
—
1.9
Fail
1.1
Fail
1.3
Fail
2.6
Fail
1.9
Fail
—
1.7
Fail
2.5
Fail
1.5
Fail
1.1
Fail
1.7
Fail
—
1.4
Fail
1.0
Fail
1.3
Fail
2.5
Fail
1.4
Fail
—
White BG
1.4Fail
1.9Fail
3.5AA Large
2.0Fail
1.4Fail
Black BG
15.4AAA
11.2AAA
6.0AA
10.4AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1DA
C4C4C9
8B8BAA
B1B1C5
CBCBD4

Deuteranopia

E2E3DA
C6C8C8
8C8DA7
B0AFC4
C9C5D5

Tritanopia

E6DADA
D0C4C3
929F9D
ACC2C1
BAD8D9

Achromatopsia

DEDEDE
C0C0C0
8C8C8C
B6B6B6
D4D4D4

Shades & Tints Shades & Tints

#E7DADA

Dark
Light

#D1B4D0

Dark
Light

#9380B7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7dada;
  --color-2: #d1b4d0;
  --color-3: #9380b7;
  --color-4: #abb8c9;
  --color-5: #b8e4cf;
}

SCSS

$color-1: #e7dada;
$color-2: #d1b4d0;
$color-3: #9380b7;
$color-4: #abb8c9;
$color-5: #b8e4cf;

TAILWIND

colors: {
  'brand-1': '#e7dada',
  'brand-2': '#d1b4d0',
  'brand-3': '#9380b7',
  'brand-4': '#abb8c9',
  'brand-5': '#b8e4cf',
}

RGB Array

[231, 218, 218], [209, 180, 208], [147, 128, 183], [171, 184, 201], [184, 228, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E7DADA, #D1B4D0, #9380B7, #ABB8C9, #B8E4CF 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: #e7dada; --color-2: #d1b4d0; --color-3: #9380b7; --color-4: #abb8c9; --color-5: #b8e4cf. 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