← Back to Editor

#51AD65 · #87DE9A · #CBF7D4 · #F6F7CB · #FBFF91

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

#51AD65

Celadon · MediumSeaGreen · Olive Green

HEX
#51AD65
RGB
rgb(81, 173, 101)
HSL
hsl(133, 36%, 50%)
HSB
hsb(133, 53%, 68%)
CMYK
cmyk(53%, 0%, 42%, 32%)
Oklch
oklch(67.3% 0.137 148.7)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#87DE9A

Emerald · LightGreen · Apple Green

HEX
#87DE9A
RGB
rgb(135, 222, 154)
HSL
hsl(133, 57%, 70%)
HSB
hsb(133, 39%, 87%)
CMYK
cmyk(39%, 0%, 31%, 13%)
Oklch
oklch(82.8% 0.127 149.9)

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

#CBF7D4

Emerald · LightGray · Mint Green

HEX
#CBF7D4
RGB
rgb(203, 247, 212)
HSL
hsl(132, 73%, 88%)
HSB
hsb(132, 18%, 97%)
CMYK
cmyk(18%, 0%, 14%, 3%)
Oklch
oklch(93.6% 0.065 151.1)

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

#F6F7CB

Fresh Green · Beige · Lemon Cream

HEX
#F6F7CB
RGB
rgb(246, 247, 203)
HSL
hsl(61, 73%, 88%)
HSB
hsb(61, 18%, 97%)
CMYK
cmyk(0%, 0%, 18%, 3%)
Oklch
oklch(96.4% 0.057 108.5)

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

#FBFF91

Fresh Green · Khaki · Lemon Cream

HEX
#FBFF91
RGB
rgb(251, 255, 145)
HSL
hsl(62, 100%, 78%)
HSB
hsb(62, 43%, 100%)
CMYK
cmyk(2%, 0%, 43%, 0%)
Oklch
oklch(97.4% 0.133 110.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

51AD65
AD529A

Analogous

6CAD52
51AD65
52AD93

Triadic

51AD65
6552AD
AD6552

Split-Comp.

51AD65
9352AD
AD526C

Tetradic

51AD65
526CAD
AD529A
AD9352

Contrast Matrix WCAG 2.1 Contrast

51AD65
87DE9A
CBF7D4
F6F7CB
FBFF91
—
1.7
Fail
2.4
Fail
2.5
Fail
2.6
Fail
1.7
Fail
—
1.4
Fail
1.5
Fail
1.5
Fail
2.4
Fail
1.4
Fail
—
1.1
Fail
1.1
Fail
2.5
Fail
1.5
Fail
1.1
Fail
—
1.0
Fail
2.6
Fail
1.5
Fail
1.1
Fail
1.0
Fail
—
White BG
2.8Fail
1.6Fail
1.2Fail
1.1Fail
1.1Fail
Black BG
7.5AAA
12.9AAA
17.8AAA
19.1AAA
19.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

797A76
ADADAA
DEDEDC
F6F6D6
FDFDAC

Deuteranopia

746D7B
A8A1AE
DCD8DE
F6F6D8
FDFCB2

Tritanopia

568487
8BB7BA
CDE3E5
F6DEE0
FBC1C5

Achromatopsia

898989
BCBCBC
E6E6E6
F2F2F2
F1F1F1

Shades & Tints Shades & Tints

#51AD65

Dark
Light

#87DE9A

Dark
Light

#CBF7D4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #51ad65;
  --color-2: #87de9a;
  --color-3: #cbf7d4;
  --color-4: #f6f7cb;
  --color-5: #fbff91;
}

SCSS

$color-1: #51ad65;
$color-2: #87de9a;
$color-3: #cbf7d4;
$color-4: #f6f7cb;
$color-5: #fbff91;

TAILWIND

colors: {
  'brand-1': '#51ad65',
  'brand-2': '#87de9a',
  'brand-3': '#cbf7d4',
  'brand-4': '#f6f7cb',
  'brand-5': '#fbff91',
}

RGB Array

[81, 173, 101], [135, 222, 154], [203, 247, 212], [246, 247, 203], [251, 255, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #51AD65, #87DE9A, #CBF7D4, #F6F7CB, #FBFF91 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: #51ad65; --color-2: #87de9a; --color-3: #cbf7d4; --color-4: #f6f7cb; --color-5: #fbff91. 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