#E5FFDE + #D5EBCE + #D0E0CA + #C8D4C5 + #EBC8B7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E5FFDE

Emerald · Beige · Mint Green

HEX

#E5FFDE

RGB

rgb(229, 255, 222)

HSL

hsl(107, 100%, 94%)

HSB

hsb(107, 13%, 100%)

CMYK

cmyk(10%, 0%, 13%, 0%)

Oklch

oklch(97.2% 0.051 139.1)

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

#D5EBCE

Celadon · LightGray · Mint Green

HEX

#D5EBCE

RGB

rgb(213, 235, 206)

HSL

hsl(106, 42%, 86%)

HSB

hsb(106, 12%, 92%)

CMYK

cmyk(9%, 0%, 12%, 8%)

Oklch

oklch(91.6% 0.045 138.1)

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

#D0E0CA

Celadon · LightGray · Mint Green

HEX

#D0E0CA

RGB

rgb(208, 224, 202)

HSL

hsl(104, 26%, 84%)

HSB

hsb(104, 10%, 88%)

CMYK

cmyk(7%, 0%, 10%, 12%)

Oklch

oklch(88.9% 0.034 137.1)

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

#C8D4C5

Celadon · LightGray · Apple Green

HEX

#C8D4C5

RGB

rgb(200, 212, 197)

HSL

hsl(108, 15%, 80%)

HSB

hsb(108, 7%, 83%)

CMYK

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

Oklch

oklch(85.7% 0.024 139.4)

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

#EBC8B7

Apricot · Wheat · Peach Orange

HEX

#EBC8B7

RGB

rgb(235, 200, 183)

HSL

hsl(20, 57%, 82%)

HSB

hsb(20, 22%, 92%)

CMYK

cmyk(0%, 15%, 22%, 8%)

Oklch

oklch(85.8% 0.046 47.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5FFDE

F8E0FF

Analogous

F6FFE0

E5FFDE

E0FFE9

Triadic

E5FFDE

E0E7FF

FFE0E7

Split-Comp.

E5FFDE

E9E0FF

FFE0F6

Tetradic

E5FFDE

E0F6FF

F8E0FF

FFE9E0

Contrast Matrix WCAG 2.1 Contrast

E5FFDE	D5EBCE	D0E0CA	C8D4C5	EBC8B7
—	1.2 Fail	1.3 Fail	1.4 Fail	1.5 Fail
1.2 Fail	—	1.1 Fail	1.2 Fail	1.2 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.4 Fail	1.2 Fail	1.1 Fail	—	1.0 Fail
1.5 Fail	1.2 Fail	1.1 Fail	1.0 Fail	—

White BG

1.1Fail

1.3Fail

1.4Fail

1.5Fail

1.6Fail

Black BG

19.7AAA

16.6AAA

15.2AAA

13.7AAA

13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0E6

DFDFD5

D7D7CF

CDCDC9

DCDCBB

Deuteranopia

EFEDE8

DDDCD7

D6D5D1

CDCCC9

DEE1BC

Tritanopia

E6ECEE

D6DBDC

D1D4D4

C9CBCC

E9BEBF

Achromatopsia

F3F3F3

E1E1E1

D9D9D9

CFCFCF

D1D1D1

Shades & Tints Shades & Tints

#E5FFDE

Dark

Light

#D5EBCE

Dark

Light

#D0E0CA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5ffde;
  --color-2: #d5ebce;
  --color-3: #d0e0ca;
  --color-4: #c8d4c5;
  --color-5: #ebc8b7;
}

SCSS

$color-1: #e5ffde;
$color-2: #d5ebce;
$color-3: #d0e0ca;
$color-4: #c8d4c5;
$color-5: #ebc8b7;

TAILWIND

colors: {
  'brand-1': '#e5ffde',
  'brand-2': '#d5ebce',
  'brand-3': '#d0e0ca',
  'brand-4': '#c8d4c5',
  'brand-5': '#ebc8b7',
}

RGB Array

[229, 255, 222], [213, 235, 206], [208, 224, 202], [200, 212, 197], [235, 200, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5FFDE, #D5EBCE, #D0E0CA, #C8D4C5, #EBC8B7 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: #e5ffde; --color-2: #d5ebce; --color-3: #d0e0ca; --color-4: #c8d4c5; --color-5: #ebc8b7. 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