#E6F0C5 + #AD84BF + #BF6783 + #F0DF71 + #E8B976 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6F0C5

Willow Green · Bisque · Mint Green

HEX

#E6F0C5

RGB

rgb(230, 240, 197)

HSL

hsl(74, 59%, 86%)

HSB

hsb(74, 18%, 94%)

CMYK

cmyk(4%, 0%, 18%, 6%)

Oklch

oklch(93.7% 0.057 118.2)

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

#AD84BF

Lilac · DarkGray · Lilac Purple

HEX

#AD84BF

RGB

rgb(173, 132, 191)

HSL

hsl(282, 32%, 63%)

HSB

hsb(282, 31%, 75%)

CMYK

cmyk(9%, 31%, 0%, 25%)

Oklch

oklch(67.3% 0.096 315.3)

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

#BF6783

Dark Violet · LightCoral · Rose Pink

HEX

#BF6783

RGB

rgb(191, 103, 131)

HSL

hsl(341, 41%, 58%)

HSB

hsb(341, 46%, 75%)

CMYK

cmyk(0%, 46%, 31%, 25%)

Oklch

oklch(62.2% 0.116 0.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#F0DF71

Fresh Green · Khaki · Sunflower

HEX

#F0DF71

RGB

rgb(240, 223, 113)

HSL

hsl(52, 81%, 69%)

HSB

hsb(52, 53%, 94%)

CMYK

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

Oklch

oklch(89.6% 0.132 100.6)

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

#E8B976

Ginger · BurlyWood · Warm Sun

HEX

#E8B976

RGB

rgb(232, 185, 118)

HSL

hsl(35, 71%, 69%)

HSB

hsb(35, 49%, 91%)

CMYK

cmyk(0%, 20%, 49%, 9%)

Oklch

oklch(81.3% 0.101 75.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6F0C5

D0C6F0

Analogous

F0E5C6

E6F0C5

D1F0C6

Triadic

E6F0C5

C6E7F0

F0C6E7

Split-Comp.

E6F0C5

C6D1F0

E5C6F0

Tetradic

E6F0C5

C6F0E5

D0C6F0

F0C6D1

Contrast Matrix WCAG 2.1 Contrast

E6F0C5	AD84BF	BF6783	F0DF71	E8B976
—	2.6 Fail	3.2 AA Large	1.1 Fail	1.5 Fail
2.6 Fail	—	1.2 Fail	2.3 Fail	1.7 Fail
3.2 AA Large	1.2 Fail	—	2.8 Fail	2.1 Fail
1.1 Fail	2.3 Fail	2.8 Fail	—	1.3 Fail
1.5 Fail	1.7 Fail	2.1 Fail	1.3 Fail	—

White BG

1.2Fail

3.1AA Large

3.8AA Large

1.4Fail

1.8Fail

Black BG

17.6AAA

6.8AA

5.5AA

15.5AAA

11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEACF

9B9BB1

99987C

E9E88C

D4D386

Deuteranopia

EAE9D2

9EA1AD

9EA57B

EAEB92

D6DA8A

Tritanopia

E7D8D9

ABA5A3

BB7776

EFA1A5

E69396

Achromatopsia

E8E8E8

979797

858585

D8D8D8

BFBFBF

Shades & Tints Shades & Tints

#E6F0C5

Dark

Light

#AD84BF

Dark

Light

#BF6783

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6f0c5;
  --color-2: #ad84bf;
  --color-3: #bf6783;
  --color-4: #f0df71;
  --color-5: #e8b976;
}

SCSS

$color-1: #e6f0c5;
$color-2: #ad84bf;
$color-3: #bf6783;
$color-4: #f0df71;
$color-5: #e8b976;

TAILWIND

colors: {
  'brand-1': '#e6f0c5',
  'brand-2': '#ad84bf',
  'brand-3': '#bf6783',
  'brand-4': '#f0df71',
  'brand-5': '#e8b976',
}

RGB Array

[230, 240, 197], [173, 132, 191], [191, 103, 131], [240, 223, 113], [232, 185, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6F0C5, #AD84BF, #BF6783, #F0DF71, #E8B976 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: #e6f0c5; --color-2: #ad84bf; --color-3: #bf6783; --color-4: #f0df71; --color-5: #e8b976. 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