#DAEBE1 + #E7BFC0 + #D2BFCD + #87CC8F + #AEA68B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DAEBE1

Celadon · Lavender · Mint Green

HEX

#DAEBE1

RGB

rgb(218, 235, 225)

HSL

hsl(145, 30%, 89%)

HSB

hsb(145, 7%, 92%)

CMYK

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

Oklch

oklch(92.5% 0.022 160.2)

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

#E7BFC0

Peach Pink · LightPink · Cherry Blossom

HEX

#E7BFC0

RGB

rgb(231, 191, 192)

HSL

hsl(358, 45%, 83%)

HSB

hsb(358, 17%, 91%)

CMYK

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

Oklch

oklch(84.0% 0.046 16.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#D2BFCD

Mauve · LightGray · Lilac Purple

HEX

#D2BFCD

RGB

rgb(210, 191, 205)

HSL

hsl(316, 17%, 79%)

HSB

hsb(316, 9%, 82%)

CMYK

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

Oklch

oklch(82.5% 0.029 335.0)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#87CC8F

Celadon · DarkSeaGreen · Apple Green

HEX

#87CC8F

RGB

rgb(135, 204, 143)

HSL

hsl(127, 40%, 66%)

HSB

hsb(127, 34%, 80%)

CMYK

cmyk(34%, 0%, 30%, 20%)

Oklch

oklch(78.3% 0.111 147.3)

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

#AEA68B

Ginger · DarkGray · Sunflower

HEX

#AEA68B

RGB

rgb(174, 166, 139)

HSL

hsl(46, 18%, 61%)

HSB

hsb(46, 20%, 68%)

CMYK

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

Oklch

oklch(72.5% 0.039 93.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAEBE1

EBDBE4

Analogous

DCEBDB

DAEBE1

DBEBEA

Triadic

DAEBE1

E2DBEB

EBE2DB

Split-Comp.

DAEBE1

EADBEB

EBDBDC

Tetradic

DAEBE1

DBDCEB

EBDBE4

EBEADB

Contrast Matrix WCAG 2.1 Contrast

DAEBE1	E7BFC0	D2BFCD	87CC8F	AEA68B
—	1.3 Fail	1.4 Fail	1.5 Fail	2.0 Fail
1.3 Fail	—	1.0 Fail	1.1 Fail	1.5 Fail
1.4 Fail	1.0 Fail	—	1.1 Fail	1.4 Fail
1.5 Fail	1.1 Fail	1.1 Fail	—	1.3 Fail
2.0 Fail	1.5 Fail	1.4 Fail	1.3 Fail	—

White BG

1.2Fail

1.7Fail

1.9Fail

2.4Fail

Black BG

17.0AAA

12.6AAA

12.1AAA

11.1AAA

8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E2E3

D6D5C0

CACACA

A5A59E

ABAA92

Deuteranopia

E0DFE4

D8DBC0

CBCCC9

A19CA1

ABAC93

Tritanopia

DBE5E6

E5C0C0

D1C7C6

8AA9AC

AE9798

Achromatopsia

E5E5E5

CBCBCB

C6C6C6

B0B0B0

A5A5A5

Shades & Tints Shades & Tints

#DAEBE1

Dark

Light

#E7BFC0

Dark

Light

#D2BFCD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #daebe1;
  --color-2: #e7bfc0;
  --color-3: #d2bfcd;
  --color-4: #87cc8f;
  --color-5: #aea68b;
}

SCSS

$color-1: #daebe1;
$color-2: #e7bfc0;
$color-3: #d2bfcd;
$color-4: #87cc8f;
$color-5: #aea68b;

TAILWIND

colors: {
  'brand-1': '#daebe1',
  'brand-2': '#e7bfc0',
  'brand-3': '#d2bfcd',
  'brand-4': '#87cc8f',
  'brand-5': '#aea68b',
}

RGB Array

[218, 235, 225], [231, 191, 192], [210, 191, 205], [135, 204, 143], [174, 166, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAEBE1, #E7BFC0, #D2BFCD, #87CC8F, #AEA68B 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: #daebe1; --color-2: #e7bfc0; --color-3: #d2bfcd; --color-4: #87cc8f; --color-5: #aea68b. 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