#EBEFD1 + #EAE7B8 + #EBE378 + #DEBF94 + #D19BAF - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EBEFD1

Fresh Green · Beige · Lemon Cream

HEX

#EBEFD1

RGB

rgb(235, 239, 209)

HSL

hsl(68, 48%, 88%)

HSB

hsb(68, 13%, 94%)

CMYK

cmyk(2%, 0%, 13%, 6%)

Oklch

oklch(94.1% 0.040 113.3)

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

#EAE7B8

Fresh Green · Wheat · Lemon Cream

HEX

#EAE7B8

RGB

rgb(234, 231, 184)

HSL

hsl(56, 54%, 82%)

HSB

hsb(56, 21%, 92%)

CMYK

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

Oklch

oklch(91.9% 0.061 104.5)

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

#EBE378

Fresh Green · Khaki · Sunflower

HEX

#EBE378

RGB

rgb(235, 227, 120)

HSL

hsl(56, 74%, 70%)

HSB

hsb(56, 49%, 92%)

CMYK

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

Oklch

oklch(90.0% 0.129 104.9)

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

#DEBF94

Goose Yellow · BurlyWood · Warm Sun

HEX

#DEBF94

RGB

rgb(222, 191, 148)

HSL

hsl(35, 53%, 73%)

HSB

hsb(35, 33%, 87%)

CMYK

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

Oklch

oklch(82.1% 0.067 75.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D19BAF

Rouge · DarkGray · Rose Pink

HEX

#D19BAF

RGB

rgb(209, 155, 175)

HSL

hsl(338, 37%, 71%)

HSB

hsb(338, 26%, 82%)

CMYK

cmyk(0%, 26%, 16%, 18%)

Oklch

oklch(74.6% 0.069 354.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBEFD1

D6D2EF

Analogous

EFE4D2

EBEFD1

DCEFD2

Triadic

EBEFD1

D2EBEF

EFD2EB

Split-Comp.

EBEFD1

D2DCEF

E4D2EF

Tetradic

EBEFD1

D2EFE4

D6D2EF

EFD2DC

Contrast Matrix WCAG 2.1 Contrast

EBEFD1	EAE7B8	EBE378	DEBF94	D19BAF
—	1.1 Fail	1.1 Fail	1.5 Fail	2.0 Fail
1.1 Fail	—	1.1 Fail	1.4 Fail	1.8 Fail
1.1 Fail	1.1 Fail	—	1.3 Fail	1.8 Fail
1.5 Fail	1.4 Fail	1.3 Fail	—	1.3 Fail
2.0 Fail	1.8 Fail	1.8 Fail	1.3 Fail	—

White BG

1.2Fail

1.3Fail

1.8Fail

2.3Fail

Black BG

17.8AAA

16.6AAA

15.8AAA

12.0AAA

9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDD8

E9E9C3

E8E792

D1D09E

BAB9AA

Deuteranopia

EDECDA

E9E9C6

E8E998

D2D5A1

BDC1A9

Tritanopia

EBDEDF

EACCCE

EBA6AB

DCA7A8

CEA6A6

Achromatopsia

EAEAEA

E3E3E3

D9D9D9

C3C3C3

ADADAD

Shades & Tints Shades & Tints

#EBEFD1

Dark

Light

#EAE7B8

Dark

Light

#EBE378

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebefd1;
  --color-2: #eae7b8;
  --color-3: #ebe378;
  --color-4: #debf94;
  --color-5: #d19baf;
}

SCSS

$color-1: #ebefd1;
$color-2: #eae7b8;
$color-3: #ebe378;
$color-4: #debf94;
$color-5: #d19baf;

TAILWIND

colors: {
  'brand-1': '#ebefd1',
  'brand-2': '#eae7b8',
  'brand-3': '#ebe378',
  'brand-4': '#debf94',
  'brand-5': '#d19baf',
}

RGB Array

[235, 239, 209], [234, 231, 184], [235, 227, 120], [222, 191, 148], [209, 155, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBEFD1, #EAE7B8, #EBE378, #DEBF94, #D19BAF 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: #ebefd1; --color-2: #eae7b8; --color-3: #ebe378; --color-4: #debf94; --color-5: #d19baf. 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