#EBA2BF + #DBB2BF + #BCD1BE + #8CFFBC + #F7F4D2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EBA2BF

Rouge · LightPink · Cherry Blossom

HEX

#EBA2BF

RGB

rgb(235, 162, 191)

HSL

hsl(336, 65%, 78%)

HSB

hsb(336, 31%, 92%)

CMYK

cmyk(0%, 31%, 19%, 8%)

Oklch

oklch(79.1% 0.093 353.9)

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

#DBB2BF

Rouge · Silver · Cherry Blossom

HEX

#DBB2BF

RGB

rgb(219, 178, 191)

HSL

hsl(341, 36%, 78%)

HSB

hsb(341, 19%, 86%)

CMYK

cmyk(0%, 19%, 13%, 14%)

Oklch

oklch(80.4% 0.050 357.3)

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

#BCD1BE

Celadon · Silver · Apple Green

HEX

#BCD1BE

RGB

rgb(188, 209, 190)

HSL

hsl(126, 19%, 78%)

HSB

hsb(126, 10%, 82%)

CMYK

cmyk(10%, 0%, 9%, 18%)

Oklch

oklch(84.0% 0.035 148.0)

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

#8CFFBC

Emerald · LightGreen · Apple Green

HEX

#8CFFBC

RGB

rgb(140, 255, 188)

HSL

hsl(145, 100%, 77%)

HSB

hsb(145, 45%, 100%)

CMYK

cmyk(45%, 0%, 26%, 0%)

Oklch

oklch(91.4% 0.141 156.6)

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

#F7F4D2

Fresh Green · Beige · Lemon Cream

HEX

#F7F4D2

RGB

rgb(247, 244, 210)

HSL

hsl(55, 70%, 90%)

HSB

hsb(55, 15%, 97%)

CMYK

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

Oklch

oklch(96.1% 0.044 103.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBA2BF

A2EBCE

Analogous

EBA2E4

EBA2BF

EBAAA2

Triadic

EBA2BF

C0EBA2

A2C0EB

Split-Comp.

EBA2BF

A2EBAA

A2E4EB

Tetradic

EBA2BF

E4EBA2

A2EBCE

AAA2EB

Contrast Matrix WCAG 2.1 Contrast

EBA2BF	DBB2BF	BCD1BE	8CFFBC	F7F4D2
—	1.1 Fail	1.2 Fail	1.6 Fail	1.8 Fail
1.1 Fail	—	1.2 Fail	1.5 Fail	1.7 Fail
1.2 Fail	1.2 Fail	—	1.3 Fail	1.4 Fail
1.6 Fail	1.5 Fail	1.3 Fail	—	1.1 Fail
1.8 Fail	1.7 Fail	1.4 Fail	1.1 Fail	—

White BG

2.0Fail

1.9Fail

1.6Fail

1.2Fail

1.1Fail

Black BG

10.5AAA

11.1AAA

13.0AAA

17.1AAA

18.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCBB8

C9C9BC

C5C5C3

BEBFCC

F6F6DA

Deuteranopia

D0D5B6

CCCFBB

C4C2C4

B7AFD0

F6F6DC

Tritanopia

E7B2B1

D9B9B9

BDC6C7

92D9DC

F7E1E2

Achromatopsia

BBBBBB

C0C0C0

C9C9C9

D5D5D5

F1F1F1

Shades & Tints Shades & Tints

#EBA2BF

Dark

Light

#DBB2BF

Dark

Light

#BCD1BE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eba2bf;
  --color-2: #dbb2bf;
  --color-3: #bcd1be;
  --color-4: #8cffbc;
  --color-5: #f7f4d2;
}

SCSS

$color-1: #eba2bf;
$color-2: #dbb2bf;
$color-3: #bcd1be;
$color-4: #8cffbc;
$color-5: #f7f4d2;

TAILWIND

colors: {
  'brand-1': '#eba2bf',
  'brand-2': '#dbb2bf',
  'brand-3': '#bcd1be',
  'brand-4': '#8cffbc',
  'brand-5': '#f7f4d2',
}

RGB Array

[235, 162, 191], [219, 178, 191], [188, 209, 190], [140, 255, 188], [247, 244, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBA2BF, #DBB2BF, #BCD1BE, #8CFFBC, #F7F4D2 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: #eba2bf; --color-2: #dbb2bf; --color-3: #bcd1be; --color-4: #8cffbc; --color-5: #f7f4d2. 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