← Back to Editor

#4FD6AD · #75E8AD · #DCF3BF · #F6F1A0 · #F5F77C

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#4FD6AD

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#4FD6AD
RGB
rgb(79, 214, 173)
HSL
hsl(162, 62%, 57%)
HSB
hsb(162, 63%, 84%)
CMYK
cmyk(63%, 0%, 19%, 16%)
Oklch
oklch(79.2% 0.132 169.3)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#75E8AD

Emerald · MediumAquaMarine · Apple Green

HEX
#75E8AD
RGB
rgb(117, 232, 173)
HSL
hsl(149, 71%, 68%)
HSB
hsb(149, 50%, 91%)
CMYK
cmyk(50%, 0%, 25%, 9%)
Oklch
oklch(84.8% 0.135 159.2)

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

#DCF3BF

Willow Green · Wheat · Mint Green

HEX
#DCF3BF
RGB
rgb(220, 243, 191)
HSL
hsl(87, 68%, 85%)
HSB
hsb(87, 21%, 95%)
CMYK
cmyk(9%, 0%, 21%, 5%)
Oklch
oklch(93.4% 0.072 127.2)

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

#F6F1A0

Fresh Green · Khaki · Lemon Cream

HEX
#F6F1A0
RGB
rgb(246, 241, 160)
HSL
hsl(57, 83%, 80%)
HSB
hsb(57, 35%, 96%)
CMYK
cmyk(0%, 2%, 35%, 4%)
Oklch
oklch(94.4% 0.102 105.2)

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

#F5F77C

Fresh Green · Khaki · Sunflower

HEX
#F5F77C
RGB
rgb(245, 247, 124)
HSL
hsl(61, 88%, 73%)
HSB
hsb(61, 50%, 97%)
CMYK
cmyk(1%, 0%, 50%, 3%)
Oklch
oklch(95.0% 0.146 109.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4FD6AD
D54D76

Analogous

4DD569
4FD6AD
4DBAD5

Triadic

4FD6AD
AD4DD5
D5AD4D

Split-Comp.

4FD6AD
D54DBA
D5694D

Tetradic

4FD6AD
694DD5
D54D76
BAD54D

Contrast Matrix WCAG 2.1 Contrast

4FD6AD
75E8AD
DCF3BF
F6F1A0
F5F77C
—
1.2
Fail
1.5
Fail
1.6
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
1.3
Fail
1.3
Fail
1.5
Fail
1.3
Fail
—
1.0
Fail
1.0
Fail
1.6
Fail
1.3
Fail
1.0
Fail
—
1.0
Fail
1.6
Fail
1.3
Fail
1.0
Fail
1.0
Fail
—
White BG
1.8Fail
1.5Fail
1.2Fail
1.2Fail
1.1Fail
Black BG
11.6AAA
13.9AAA
17.6AAA
18.0AAA
18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

898BB7
A7A8BB
E6E6CC
F4F4B4
F6F69A

Deuteranopia

8278B9
A098BF
E5E3CF
F4F5B8
F6F6A1

Tritanopia

56BFC0
7BC7C9
DDD6D8
F6C3C6
F5B1B6

Achromatopsia

A9A9A9
BFBFBF
E6E6E6
E9E9E9
E8E8E8

Shades & Tints Shades & Tints

#4FD6AD

Dark
Light

#75E8AD

Dark
Light

#DCF3BF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4fd6ad;
  --color-2: #75e8ad;
  --color-3: #dcf3bf;
  --color-4: #f6f1a0;
  --color-5: #f5f77c;
}

SCSS

$color-1: #4fd6ad;
$color-2: #75e8ad;
$color-3: #dcf3bf;
$color-4: #f6f1a0;
$color-5: #f5f77c;

TAILWIND

colors: {
  'brand-1': '#4fd6ad',
  'brand-2': '#75e8ad',
  'brand-3': '#dcf3bf',
  'brand-4': '#f6f1a0',
  'brand-5': '#f5f77c',
}

RGB Array

[79, 214, 173], [117, 232, 173], [220, 243, 191], [246, 241, 160], [245, 247, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #4FD6AD, #75E8AD, #DCF3BF, #F6F1A0, #F5F77C 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: #4fd6ad; --color-2: #75e8ad; --color-3: #dcf3bf; --color-4: #f6f1a0; --color-5: #f5f77c. 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