#FFE0E0 + #E6D3E1 + #B8CCC1 + #D4DEC1 + #E2E3DA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFE0E0

Peach Pink · Linen · Cherry Blossom

HEX

#FFE0E0

RGB

rgb(255, 224, 224)

HSL

hsl(0, 100%, 94%)

HSB

hsb(0, 12%, 100%)

CMYK

cmyk(0%, 12%, 12%, 0%)

Oklch

oklch(93.2% 0.034 17.8)

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

#E6D3E1

Mauve · LightGray · Lavender

HEX

#E6D3E1

RGB

rgb(230, 211, 225)

HSL

hsl(316, 28%, 86%)

HSB

hsb(316, 8%, 90%)

CMYK

cmyk(0%, 8%, 2%, 10%)

Oklch

oklch(88.6% 0.028 334.9)

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

#B8CCC1

Celadon · Silver · Apple Green

HEX

#B8CCC1

RGB

rgb(184, 204, 193)

HSL

hsl(147, 16%, 76%)

HSB

hsb(147, 10%, 80%)

CMYK

cmyk(10%, 0%, 5%, 20%)

Oklch

oklch(82.7% 0.026 161.8)

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

#D4DEC1

Willow Green · LightGray · Mint Green

HEX

#D4DEC1

RGB

rgb(212, 222, 193)

HSL

hsl(81, 31%, 81%)

HSB

hsb(81, 13%, 87%)

CMYK

cmyk(5%, 0%, 13%, 13%)

Oklch

oklch(88.5% 0.040 122.7)

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

#E2E3DA

Fresh Green · LightGray · Lemon Cream

HEX

#E2E3DA

RGB

rgb(226, 227, 218)

HSL

hsl(67, 14%, 87%)

HSB

hsb(67, 4%, 89%)

CMYK

cmyk(0%, 0%, 4%, 11%)

Oklch

oklch(91.3% 0.012 111.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE0E0

E0FFFF

Analogous

FFE0F0

FFE0E0

FFF0E0

Triadic

FFE0E0

E0FFE0

E0E0FF

Split-Comp.

FFE0E0

E0FFF0

E0F0FF

Tetradic

FFE0E0

F0FFE0

E0FFFF

F0E0FF

Contrast Matrix WCAG 2.1 Contrast

FFE0E0	E6D3E1	B8CCC1	D4DEC1	E2E3DA
—	1.2 Fail	1.4 Fail	1.1 Fail	1.0 Fail
1.2 Fail	—	1.2 Fail	1.0 Fail	1.1 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
1.1 Fail	1.0 Fail	1.2 Fail	—	1.1 Fail
1.0 Fail	1.1 Fail	1.3 Fail	1.1 Fail	—

White BG

1.2Fail

1.4Fail

1.7Fail

1.4Fail

1.3Fail

Black BG

17.0AAA

14.8AAA

12.4AAA

15.0AAA

16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F1E0

DEDEDE

C1C1C4

D8D8C8

E2E2DC

Deuteranopia

F3F6E0

DFE0DD

C0BEC4

D8D7CA

E2E2DD

Tritanopia

FDE0E0

E5DBDA

B9C6C6

D4CECF

E2DEDE

Achromatopsia

E9E9E9

DADADA

C5C5C5

D8D8D8

E2E2E2

Shades & Tints Shades & Tints

#FFE0E0

Dark

Light

#E6D3E1

Dark

Light

#B8CCC1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe0e0;
  --color-2: #e6d3e1;
  --color-3: #b8ccc1;
  --color-4: #d4dec1;
  --color-5: #e2e3da;
}

SCSS

$color-1: #ffe0e0;
$color-2: #e6d3e1;
$color-3: #b8ccc1;
$color-4: #d4dec1;
$color-5: #e2e3da;

TAILWIND

colors: {
  'brand-1': '#ffe0e0',
  'brand-2': '#e6d3e1',
  'brand-3': '#b8ccc1',
  'brand-4': '#d4dec1',
  'brand-5': '#e2e3da',
}

RGB Array

[255, 224, 224], [230, 211, 225], [184, 204, 193], [212, 222, 193], [226, 227, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFE0E0, #E6D3E1, #B8CCC1, #D4DEC1, #E2E3DA 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: #ffe0e0; --color-2: #e6d3e1; --color-3: #b8ccc1; --color-4: #d4dec1; --color-5: #e2e3da. 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