← Back to Editor

#E6DDE2 · #E9D7EF · #F2F1ED · #DBDBDB · #EFE9E9

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6DDE2

Mauve · Lavender · Cherry Blossom

HEX
#E6DDE2
RGB
rgb(230, 221, 226)
HSL
hsl(327, 15%, 88%)
HSB
hsb(327, 4%, 90%)
CMYK
cmyk(0%, 4%, 2%, 10%)
Oklch
oklch(90.6% 0.012 342.7)

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

#E9D7EF

Lilac · Lavender · Lavender

HEX
#E9D7EF
RGB
rgb(233, 215, 239)
HSL
hsl(285, 43%, 89%)
HSB
hsb(285, 10%, 94%)
CMYK
cmyk(3%, 10%, 0%, 6%)
Oklch
oklch(90.1% 0.038 317.7)

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

#F2F1ED

Goose Yellow · Linen · Lemon Cream

HEX
#F2F1ED
RGB
rgb(242, 241, 237)
HSL
hsl(48, 16%, 94%)
HSB
hsb(48, 2%, 95%)
CMYK
cmyk(0%, 0%, 2%, 5%)
Oklch
oklch(95.8% 0.005 95.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#DBDBDB

Plain White · LightGray · Cloud White

HEX
#DBDBDB
RGB
rgb(219, 219, 219)
HSL
hsl(0, 0%, 86%)
HSB
hsb(0, 0%, 86%)
CMYK
cmyk(0%, 0%, 0%, 14%)
Oklch
oklch(89.1% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#EFE9E9

Peach Pink · Linen · Cherry Blossom

HEX
#EFE9E9
RGB
rgb(239, 233, 233)
HSL
hsl(0, 16%, 93%)
HSB
hsb(0, 3%, 94%)
CMYK
cmyk(0%, 3%, 3%, 6%)
Oklch
oklch(93.9% 0.006 17.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6DDE2
DCE5E0

Analogous

E5DCE5
E6DDE2
E5DCDC

Triadic

E6DDE2
E1E5DC
DCE1E5

Split-Comp.

E6DDE2
DCE5DC
DCE5E5

Tetradic

E6DDE2
E5E5DC
DCE5E0
DCDCE5

Contrast Matrix WCAG 2.1 Contrast

E6DDE2
E9D7EF
F2F1ED
DBDBDB
EFE9E9
—
1.0
Fail
1.2
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
1.2
Fail
1.0
Fail
1.1
Fail
1.2
Fail
1.2
Fail
—
1.2
Fail
1.1
Fail
1.0
Fail
1.0
Fail
1.2
Fail
—
1.2
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.2
Fail
—
White BG
1.3Fail
1.4Fail
1.1Fail
1.4Fail
1.2Fail
Black BG
15.8AAA
15.4AAA
18.6AAA
15.2AAA
17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2E1
E1E1E9
F2F2EE
DBDBDB
ECECE9

Deuteranopia

E3E3E1
E2E4E8
F2F2EE
DBDBDB
EDEDE9

Tritanopia

E6E0E0
E8E5E4
F2EFEF
DBDBDB
EFE9E9

Achromatopsia

E0E0E0
DFDFDF
F1F1F1
DBDBDB
EBEBEB

Shades & Tints Shades & Tints

#E6DDE2

Dark
Light

#E9D7EF

Dark
Light

#F2F1ED

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6dde2;
  --color-2: #e9d7ef;
  --color-3: #f2f1ed;
  --color-4: #dbdbdb;
  --color-5: #efe9e9;
}

SCSS

$color-1: #e6dde2;
$color-2: #e9d7ef;
$color-3: #f2f1ed;
$color-4: #dbdbdb;
$color-5: #efe9e9;

TAILWIND

colors: {
  'brand-1': '#e6dde2',
  'brand-2': '#e9d7ef',
  'brand-3': '#f2f1ed',
  'brand-4': '#dbdbdb',
  'brand-5': '#efe9e9',
}

RGB Array

[230, 221, 226], [233, 215, 239], [242, 241, 237], [219, 219, 219], [239, 233, 233]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6DDE2, #E9D7EF, #F2F1ED, #DBDBDB, #EFE9E9 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: #e6dde2; --color-2: #e9d7ef; --color-3: #f2f1ed; --color-4: #dbdbdb; --color-5: #efe9e9. 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