← Back to Editor

#D5F271 · #E5FC90 · #F2FCCA · #DCC2F2 · #A56DD6

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweet

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#D5F271

Willow Green · Khaki · Apple Green

HEX
#D5F271
RGB
rgb(213, 242, 113)
HSL
hsl(73, 83%, 70%)
HSB
hsb(73, 53%, 95%)
CMYK
cmyk(12%, 0%, 53%, 5%)
Oklch
oklch(91.4% 0.158 120.2)

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

#E5FC90

Willow Green · Khaki · Apple Green

HEX
#E5FC90
RGB
rgb(229, 252, 144)
HSL
hsl(73, 95%, 78%)
HSB
hsb(73, 43%, 99%)
CMYK
cmyk(9%, 0%, 43%, 1%)
Oklch
oklch(95.1% 0.136 118.9)

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

#F2FCCA

Willow Green · Beige · Mint Green

HEX
#F2FCCA
RGB
rgb(242, 252, 202)
HSL
hsl(72, 89%, 89%)
HSB
hsb(72, 20%, 99%)
CMYK
cmyk(4%, 0%, 20%, 1%)
Oklch
oklch(97.1% 0.066 116.8)

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

#DCC2F2

Lilac · LightGray · Lavender

HEX
#DCC2F2
RGB
rgb(220, 194, 242)
HSL
hsl(273, 65%, 85%)
HSB
hsb(273, 20%, 95%)
CMYK
cmyk(9%, 20%, 0%, 5%)
Oklch
oklch(85.1% 0.071 309.3)

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

#A56DD6

Lilac · MediumOrchid · Lilac Purple

HEX
#A56DD6
RGB
rgb(165, 109, 214)
HSL
hsl(272, 56%, 63%)
HSB
hsb(272, 49%, 84%)
CMYK
cmyk(23%, 49%, 0%, 16%)
Oklch
oklch(63.7% 0.160 307.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5F271
8F73F2

Analogous

F2CE73
D5F271
97F273

Triadic

D5F271
73D6F2
F273D6

Split-Comp.

D5F271
7397F2
CE73F2

Tetradic

D5F271
73F2CE
8F73F2
F27397

Contrast Matrix WCAG 2.1 Contrast

D5F271
E5FC90
F2FCCA
DCC2F2
A56DD6
—
1.1
Fail
1.2
Fail
1.3
Fail
2.9
Fail
1.1
Fail
—
1.0
Fail
1.4
Fail
3.2
AA Large
1.2
Fail
1.0
Fail
—
1.5
Fail
3.4
AA Large
1.3
Fail
1.4
Fail
1.5
Fail
—
2.3
Fail
2.9
Fail
3.2
AA Large
3.4
AA Large
2.3
Fail
—
White BG
1.3Fail
1.1Fail
1.1Fail
1.6Fail
3.6AA Large
Black BG
16.8AAA
18.7AAA
19.6AAA
13.0AAA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E290
EFEFAA
F6F6D6
D1D1E6
8D8CBD

Deuteranopia

E0DE98
EEECB0
F6F5D9
D2D4E4
9094B6

Tritanopia

D6A9AE
E6BFC3
F2E0E2
DBDDDB
A2A9A4

Achromatopsia

DBDBDB
E9E9E9
F3F3F3
CFCFCF
8A8A8A

Shades & Tints Shades & Tints

#D5F271

Dark
Light

#E5FC90

Dark
Light

#F2FCCA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5f271;
  --color-2: #e5fc90;
  --color-3: #f2fcca;
  --color-4: #dcc2f2;
  --color-5: #a56dd6;
}

SCSS

$color-1: #d5f271;
$color-2: #e5fc90;
$color-3: #f2fcca;
$color-4: #dcc2f2;
$color-5: #a56dd6;

TAILWIND

colors: {
  'brand-1': '#d5f271',
  'brand-2': '#e5fc90',
  'brand-3': '#f2fcca',
  'brand-4': '#dcc2f2',
  'brand-5': '#a56dd6',
}

RGB Array

[213, 242, 113], [229, 252, 144], [242, 252, 202], [220, 194, 242], [165, 109, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D5F271, #E5FC90, #F2FCCA, #DCC2F2, #A56DD6 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: #d5f271; --color-2: #e5fc90; --color-3: #f2fcca; --color-4: #dcc2f2; --color-5: #a56dd6. 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