#E1EBE5 + #E8DAC1 + #FFB7AB + #F78DB4 + #B9D0A4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E1EBE5

Celadon · Lavender · Mint Green

HEX

#E1EBE5

RGB

rgb(225, 235, 229)

HSL

hsl(144, 20%, 90%)

HSB

hsb(144, 4%, 92%)

CMYK

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

Oklch

oklch(93.1% 0.013 159.9)

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

#E8DAC1

Goose Yellow · Wheat · Peach Orange

HEX

#E8DAC1

RGB

rgb(232, 218, 193)

HSL

hsl(38, 46%, 83%)

HSB

hsb(38, 17%, 91%)

CMYK

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

Oklch

oklch(89.3% 0.037 82.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FFB7AB

Peach Pink · LightPink · Cherry Blossom

HEX

#FFB7AB

RGB

rgb(255, 183, 171)

HSL

hsl(9, 100%, 84%)

HSB

hsb(9, 33%, 100%)

CMYK

cmyk(0%, 28%, 33%, 0%)

Oklch

oklch(84.4% 0.086 29.6)

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

#F78DB4

Rouge · LightPink · Cherry Blossom

HEX

#F78DB4

RGB

rgb(247, 141, 180)

HSL

hsl(338, 87%, 76%)

HSB

hsb(338, 43%, 97%)

CMYK

cmyk(0%, 43%, 27%, 3%)

Oklch

oklch(76.7% 0.135 357.3)

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

#B9D0A4

Celadon · Silver · Apple Green

HEX

#B9D0A4

RGB

rgb(185, 208, 164)

HSL

hsl(91, 32%, 73%)

HSB

hsb(91, 21%, 82%)

CMYK

cmyk(11%, 0%, 21%, 18%)

Oklch

oklch(82.9% 0.065 130.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1EBE5

EBE0E7

Analogous

E1EBE0

E1EBE5

E0EBEA

Triadic

E1EBE5

E4E0EB

EBE4E0

Split-Comp.

E1EBE5

EAE0EB

EBE0E1

Tetradic

E1EBE5

E0E1EB

EBE0E7

EBEAE0

Contrast Matrix WCAG 2.1 Contrast

E1EBE5	E8DAC1	FFB7AB	F78DB4	B9D0A4
—	1.1 Fail	1.4 Fail	1.8 Fail	1.4 Fail
1.1 Fail	—	1.2 Fail	1.6 Fail	1.2 Fail
1.4 Fail	1.2 Fail	—	1.3 Fail	1.0 Fail
1.8 Fail	1.6 Fail	1.3 Fail	—	1.3 Fail
1.4 Fail	1.2 Fail	1.0 Fail	1.3 Fail	—

White BG

1.2Fail

1.4Fail

1.7Fail

2.2Fail

1.7Fail

Black BG

17.2AAA

15.2AAA

12.6AAA

9.4AAA

12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5E6

E2E2C7

E0DFAE

C9C8AB

C3C3AF

Deuteranopia

E5E4E7

E3E4C9

E4E9AF

CFD7A8

C2C0B1

Tritanopia

E2E8E8

E7CCCD

FBB0B1

F2A3A1

BAB7B9

Achromatopsia

E7E7E7

DBDBDB

CBCBCB

B1B1B1

C4C4C4

Shades & Tints Shades & Tints

#E1EBE5

Dark

Light

#E8DAC1

Dark

Light

#FFB7AB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1ebe5;
  --color-2: #e8dac1;
  --color-3: #ffb7ab;
  --color-4: #f78db4;
  --color-5: #b9d0a4;
}

SCSS

$color-1: #e1ebe5;
$color-2: #e8dac1;
$color-3: #ffb7ab;
$color-4: #f78db4;
$color-5: #b9d0a4;

TAILWIND

colors: {
  'brand-1': '#e1ebe5',
  'brand-2': '#e8dac1',
  'brand-3': '#ffb7ab',
  'brand-4': '#f78db4',
  'brand-5': '#b9d0a4',
}

RGB Array

[225, 235, 229], [232, 218, 193], [255, 183, 171], [247, 141, 180], [185, 208, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E1EBE5, #E8DAC1, #FFB7AB, #F78DB4, #B9D0A4 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: #e1ebe5; --color-2: #e8dac1; --color-3: #ffb7ab; --color-4: #f78db4; --color-5: #b9d0a4. 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