#BFDEA0 + #99928E + #DAA5E6 + #D9B6C4 + #EDD1AB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BFDEA0

Celadon · Silver · Apple Green

HEX

#BFDEA0

RGB

rgb(191, 222, 160)

HSL

hsl(90, 48%, 75%)

HSB

hsb(90, 28%, 87%)

CMYK

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

Oklch

oklch(86.3% 0.089 129.7)

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

#99928E

Ash · Gray · Silver Sand

HEX

#99928E

RGB

rgb(153, 146, 142)

HSL

hsl(22, 5%, 58%)

HSB

hsb(22, 7%, 60%)

CMYK

cmyk(0%, 5%, 7%, 40%)

Oklch

oklch(66.5% 0.010 52.0)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#DAA5E6

Lilac · Violet · Lilac Purple

HEX

#DAA5E6

RGB

rgb(218, 165, 230)

HSL

hsl(289, 57%, 77%)

HSB

hsb(289, 28%, 90%)

CMYK

cmyk(5%, 28%, 0%, 10%)

Oklch

oklch(79.2% 0.106 320.0)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#D9B6C4

Rouge · Silver · Cherry Blossom

HEX

#D9B6C4

RGB

rgb(217, 182, 196)

HSL

hsl(336, 32%, 78%)

HSB

hsb(336, 16%, 85%)

CMYK

cmyk(0%, 16%, 10%, 15%)

Oklch

oklch(81.1% 0.044 352.1)

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

#EDD1AB

Goose Yellow · Wheat · Peach Orange

HEX

#EDD1AB

RGB

rgb(237, 209, 171)

HSL

hsl(35, 65%, 80%)

HSB

hsb(35, 28%, 93%)

CMYK

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

Oklch

oklch(87.5% 0.059 75.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFDEA0

BFA1DE

Analogous

DEDEA1

BFDEA0

A1DEA1

Triadic

BFDEA0

A1BFDE

DEA1BF

Split-Comp.

BFDEA0

A1A1DE

DEA1DE

Tetradic

BFDEA0

A1DEDE

BFA1DE

DEA1A1

Contrast Matrix WCAG 2.1 Contrast

BFDEA0	99928E	DAA5E6	D9B6C4	EDD1AB
—	2.1 Fail	1.3 Fail	1.2 Fail	1.0 Fail
2.1 Fail	—	1.5 Fail	1.7 Fail	2.1 Fail
1.3 Fail	1.5 Fail	—	1.1 Fail	1.4 Fail
1.2 Fail	1.7 Fail	1.1 Fail	—	1.3 Fail
1.0 Fail	2.1 Fail	1.4 Fail	1.3 Fail	—

White BG

1.5Fail

3.1AA Large

2.0Fail

1.8Fail

1.5Fail

Black BG

14.2AAA

6.9AA

10.5AAA

11.4AAA

14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCDAF

96968F

C3C3D6

CACAC1

E1E1B4

Deuteranopia

CBC8B3

96978F

C6CAD3

CCCEC0

E3E5B6

Tritanopia

C1BBBD

999090

D7CAC7

D7BEBD

ECBBBD

Achromatopsia

CECECE

949494

BCBCBC

C2C2C2

D5D5D5

Shades & Tints Shades & Tints

#BFDEA0

Dark

Light

#99928E

Dark

Light

#DAA5E6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfdea0;
  --color-2: #99928e;
  --color-3: #daa5e6;
  --color-4: #d9b6c4;
  --color-5: #edd1ab;
}

SCSS

$color-1: #bfdea0;
$color-2: #99928e;
$color-3: #daa5e6;
$color-4: #d9b6c4;
$color-5: #edd1ab;

TAILWIND

colors: {
  'brand-1': '#bfdea0',
  'brand-2': '#99928e',
  'brand-3': '#daa5e6',
  'brand-4': '#d9b6c4',
  'brand-5': '#edd1ab',
}

RGB Array

[191, 222, 160], [153, 146, 142], [218, 165, 230], [217, 182, 196], [237, 209, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFDEA0, #99928E, #DAA5E6, #D9B6C4, #EDD1AB 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: #bfdea0; --color-2: #99928e; --color-3: #daa5e6; --color-4: #d9b6c4; --color-5: #edd1ab. 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