← Back to Editor

#BCDC95 · #D8E56F · #F2CF5A · #F2B36B · #E49F8F

pastel

A 5-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#BCDC95

Willow Green · Tan · Apple Green

HEX
#BCDC95
RGB
rgb(188, 220, 149)
HSL
hsl(87, 50%, 72%)
HSB
hsb(87, 32%, 86%)
CMYK
cmyk(15%, 0%, 32%, 14%)
Oklch
oklch(85.4% 0.100 128.1)

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

#D8E56F

Fresh Green · Khaki · Sunflower

HEX
#D8E56F
RGB
rgb(216, 229, 111)
HSL
hsl(67, 69%, 67%)
HSB
hsb(67, 52%, 90%)
CMYK
cmyk(6%, 0%, 52%, 10%)
Oklch
oklch(88.8% 0.143 114.6)

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

#F2CF5A

Ginger · SandyBrown · Sunflower

HEX
#F2CF5A
RGB
rgb(242, 207, 90)
HSL
hsl(46, 85%, 65%)
HSB
hsb(46, 63%, 95%)
CMYK
cmyk(0%, 14%, 63%, 5%)
Oklch
oklch(86.3% 0.140 92.5)

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

#F2B36B

Ginger · SandyBrown · Warm Sun

HEX
#F2B36B
RGB
rgb(242, 179, 107)
HSL
hsl(32, 84%, 68%)
HSB
hsb(32, 56%, 95%)
CMYK
cmyk(0%, 26%, 56%, 5%)
Oklch
oklch(81.1% 0.116 68.7)

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

#E49F8F

Peach Pink · DarkSalmon · Coral Red

HEX
#E49F8F
RGB
rgb(228, 159, 143)
HSL
hsl(11, 61%, 73%)
HSB
hsb(11, 37%, 89%)
CMYK
cmyk(0%, 30%, 37%, 11%)
Oklch
oklch(76.5% 0.086 33.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BCDC95
B494DB

Analogous

DBD894
BCDC95
97DB94

Triadic

BCDC95
94BBDB
DB94BB

Split-Comp.

BCDC95
9497DB
D894DB

Tetradic

BCDC95
94DBD8
B494DB
DB9497

Contrast Matrix WCAG 2.1 Contrast

BCDC95
D8E56F
F2CF5A
F2B36B
E49F8F
—
1.1
Fail
1.0
Fail
1.2
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.0
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.2
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
White BG
1.5Fail
1.4Fail
1.5Fail
1.8Fail
2.2Fail
Black BG
13.8AAA
15.4AAA
13.8AAA
11.4AAA
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACAA6
DEDE8C
E3E376
D7D67C
C6C693

Deuteranopia

C8C6AA
DDDC92
E5E77D
DADF81
CACF94

Tritanopia

BEB4B7
D9A2A7
F08D92
EF8A8D
E19697

Achromatopsia

CACACA
D4D4D4
CCCCCC
BEBEBE
B2B2B2

Shades & Tints Shades & Tints

#BCDC95

Dark
Light

#D8E56F

Dark
Light

#F2CF5A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bcdc95;
  --color-2: #d8e56f;
  --color-3: #f2cf5a;
  --color-4: #f2b36b;
  --color-5: #e49f8f;
}

SCSS

$color-1: #bcdc95;
$color-2: #d8e56f;
$color-3: #f2cf5a;
$color-4: #f2b36b;
$color-5: #e49f8f;

TAILWIND

colors: {
  'brand-1': '#bcdc95',
  'brand-2': '#d8e56f',
  'brand-3': '#f2cf5a',
  'brand-4': '#f2b36b',
  'brand-5': '#e49f8f',
}

RGB Array

[188, 220, 149], [216, 229, 111], [242, 207, 90], [242, 179, 107], [228, 159, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #BCDC95, #D8E56F, #F2CF5A, #F2B36B, #E49F8F is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #bcdc95; --color-2: #d8e56f; --color-3: #f2cf5a; --color-4: #f2b36b; --color-5: #e49f8f. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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