#EEFE10 + #DEF66A + #BFE6B7 + #BFB2B9 + #B09D9C · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#EEFE10

Autumn Sage · Yellow · Sunflower

HEX

#EEFE10

RGB

rgb(238, 254, 16)

HSL

hsl(64, 99%, 53%)

HSB

hsb(64, 94%, 100%)

CMYK

cmyk(6%, 0%, 94%, 0%)

Oklch

oklch(95.3% 0.213 114.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#DEF66A

Willow Green · Khaki · Apple Green

HEX

#DEF66A

RGB

rgb(222, 246, 106)

HSL

hsl(70, 89%, 69%)

HSB

hsb(70, 57%, 96%)

CMYK

cmyk(10%, 0%, 57%, 4%)

Oklch

oklch(92.9% 0.166 117.9)

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

#BFE6B7

Celadon · Silver · Mint Green

HEX

#BFE6B7

RGB

rgb(191, 230, 183)

HSL

hsl(110, 48%, 81%)

HSB

hsb(110, 20%, 90%)

CMYK

cmyk(17%, 0%, 20%, 10%)

Oklch

oklch(88.5% 0.075 140.3)

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

#BFB2B9

Mauve · Silver · Pearl Gray

HEX

#BFB2B9

RGB

rgb(191, 178, 185)

HSL

hsl(328, 9%, 72%)

HSB

hsb(328, 7%, 75%)

CMYK

cmyk(0%, 7%, 3%, 25%)

Oklch

oklch(77.7% 0.018 343.7)

Traditional「Mauve」· Paint「Pearl Gray」· Creative Silver Lining

#B09D9C

Peach Pink · DarkGray · Coral Red

HEX

#B09D9C

RGB

rgb(176, 157, 156)

HSL

hsl(3, 11%, 65%)

HSB

hsb(3, 11%, 69%)

CMYK

cmyk(0%, 11%, 11%, 31%)

Oklch

oklch(71.2% 0.022 21.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEFE10

2010FE

Analogous

FE9710

EEFE10

77FE10

Triadic

EEFE10

10EEFE

FE10EE

Split-Comp.

EEFE10

1077FE

9710FE

Tetradic

EEFE10

10FE97

2010FE

FE1077

Contrast Matrix WCAG 2.1 Contrast

EEFE10	DEF66A	BFE6B7	BFB2B9	B09D9C
—	1.1 Fail	1.2 Fail	1.8 Fail	2.3 Fail
1.1 Fail	—	1.1 Fail	1.7 Fail	2.1 Fail
1.2 Fail	1.1 Fail	—	1.5 Fail	1.9 Fail
1.8 Fail	1.7 Fail	1.5 Fail	—	1.3 Fail
2.3 Fail	2.1 Fail	1.9 Fail	1.3 Fail	—

White BG

1.1Fail

1.2Fail

1.4Fail

2.0Fail

2.6Fail

Black BG

18.8AAA

17.5AAA

15.2AAA

10.3AAA

8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F54A

E8E98C

D0D0C2

B9B9B7

A8A89C

Deuteranopia

F4F357

E7E594

CECBC5

BABBB7

A9AA9C

Tritanopia

EF7781

DFA7AD

C1CBCD

BEB6B6

AF9C9C

Achromatopsia

DEDEDE

DFDFDF

D5D5D5

B7B7B7

A3A3A3

Shades & Tints Shades & Tints

#EEFE10

Dark

Light

#DEF66A

Dark

Light

#BFE6B7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eefe10;
  --color-2: #def66a;
  --color-3: #bfe6b7;
  --color-4: #bfb2b9;
  --color-5: #b09d9c;
}

SCSS

$color-1: #eefe10;
$color-2: #def66a;
$color-3: #bfe6b7;
$color-4: #bfb2b9;
$color-5: #b09d9c;

TAILWIND

colors: {
  'brand-1': '#eefe10',
  'brand-2': '#def66a',
  'brand-3': '#bfe6b7',
  'brand-4': '#bfb2b9',
  'brand-5': '#b09d9c',
}

RGB Array

[238, 254, 16], [222, 246, 106], [191, 230, 183], [191, 178, 185], [176, 157, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #EEFE10, #DEF66A, #BFE6B7, #BFB2B9, #B09D9C 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: #eefe10; --color-2: #def66a; --color-3: #bfe6b7; --color-4: #bfb2b9; --color-5: #b09d9c. 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 pastel-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