#E9E7F4 + #E7E4EA + #E8DBE6 + #FFB0C7 + #E19EA0 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#E9E7F4

Wisteria · Lavender · Sky Blue

HEX

#E9E7F4

RGB

rgb(233, 231, 244)

HSL

hsl(249, 37%, 93%)

HSB

hsb(249, 5%, 96%)

CMYK

cmyk(5%, 5%, 0%, 4%)

Oklch

oklch(93.3% 0.018 293.1)

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

#E7E4EA

Lilac · Lavender · Lavender

HEX

#E7E4EA

RGB

rgb(231, 228, 234)

HSL

hsl(270, 12%, 91%)

HSB

hsb(270, 3%, 92%)

CMYK

cmyk(1%, 3%, 0%, 8%)

Oklch

oklch(92.3% 0.009 308.4)

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

#E8DBE6

Mauve · Lavender · Lavender

HEX

#E8DBE6

RGB

rgb(232, 219, 230)

HSL

hsl(309, 22%, 88%)

HSB

hsb(309, 6%, 91%)

CMYK

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

Oklch

oklch(90.5% 0.020 330.7)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#FFB0C7

Rouge · LightPink · Cherry Blossom

HEX

#FFB0C7

RGB

rgb(255, 176, 199)

HSL

hsl(343, 100%, 85%)

HSB

hsb(343, 31%, 100%)

CMYK

cmyk(0%, 31%, 22%, 0%)

Oklch

oklch(83.9% 0.096 0.4)

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

#E19EA0

Peach Pink · Tan · Coral Red

HEX

#E19EA0

RGB

rgb(225, 158, 160)

HSL

hsl(358, 53%, 75%)

HSB

hsb(358, 30%, 88%)

CMYK

cmyk(0%, 30%, 29%, 12%)

Oklch

oklch(76.4% 0.080 17.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9E7F4

F2F4E7

Analogous

E7EBF4

E9E7F4

EFE7F4

Triadic

E9E7F4

F4E9E7

E7F4E9

Split-Comp.

E9E7F4

F4EFE7

EBF4E7

Tetradic

E9E7F4

F4E7EB

F2F4E7

E7F4EF

Contrast Matrix WCAG 2.1 Contrast

E9E7F4	E7E4EA	E8DBE6	FFB0C7	E19EA0
—	1.0 Fail	1.1 Fail	1.4 Fail	1.8 Fail
1.0 Fail	—	1.1 Fail	1.4 Fail	1.7 Fail
1.1 Fail	1.1 Fail	—	1.3 Fail	1.6 Fail
1.4 Fail	1.4 Fail	1.3 Fail	—	1.3 Fail
1.8 Fail	1.7 Fail	1.6 Fail	1.3 Fail	—

White BG

1.2Fail

1.3Fail

1.7Fail

2.2Fail

Black BG

17.2AAA

16.7AAA

15.7AAA

12.3AAA

9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8F1

E6E6E9

E2E2E3

DDDCC1

C4C3A0

Deuteranopia

E8E8F0

E6E6E8

E3E4E3

E1E7C0

C8CD9F

Tritanopia

E9EEEE

E7E7E7

E7E1E1

FBBDBC

DE9F9F

Achromatopsia

E9E9E9

E6E6E6

E0E0E0

CACACA

B2B2B2

Shades & Tints Shades & Tints

#E9E7F4

Dark

Light

#E7E4EA

Dark

Light

#E8DBE6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9e7f4;
  --color-2: #e7e4ea;
  --color-3: #e8dbe6;
  --color-4: #ffb0c7;
  --color-5: #e19ea0;
}

SCSS

$color-1: #e9e7f4;
$color-2: #e7e4ea;
$color-3: #e8dbe6;
$color-4: #ffb0c7;
$color-5: #e19ea0;

TAILWIND

colors: {
  'brand-1': '#e9e7f4',
  'brand-2': '#e7e4ea',
  'brand-3': '#e8dbe6',
  'brand-4': '#ffb0c7',
  'brand-5': '#e19ea0',
}

RGB Array

[233, 231, 244], [231, 228, 234], [232, 219, 230], [255, 176, 199], [225, 158, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #E9E7F4, #E7E4EA, #E8DBE6, #FFB0C7, #E19EA0 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: #e9e7f4; --color-2: #e7e4ea; --color-3: #e8dbe6; --color-4: #ffb0c7; --color-5: #e19ea0. 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 nature-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