← Back to Editor

#6CD4AC · #CFFF9F · #F9DF94 · #FCC99F · #FCA49F

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

#6CD4AC

Jade · MediumAquaMarine · Apple Green

HEX
#6CD4AC
RGB
rgb(108, 212, 172)
HSL
hsl(157, 55%, 63%)
HSB
hsb(157, 49%, 83%)
CMYK
cmyk(49%, 0%, 19%, 17%)
Oklch
oklch(79.6% 0.114 166.2)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#CFFF9F

Emerald · Khaki · Mint Green

HEX
#CFFF9F
RGB
rgb(207, 255, 159)
HSL
hsl(90, 100%, 81%)
HSB
hsb(90, 38%, 100%)
CMYK
cmyk(19%, 0%, 38%, 0%)
Oklch
oklch(94.5% 0.132 130.2)

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

#F9DF94

Goose Yellow · Khaki · Lemon Cream

HEX
#F9DF94
RGB
rgb(249, 223, 148)
HSL
hsl(45, 89%, 78%)
HSB
hsb(45, 41%, 98%)
CMYK
cmyk(0%, 10%, 41%, 2%)
Oklch
oklch(90.8% 0.098 91.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FCC99F

Apricot · Wheat · Peach Orange

HEX
#FCC99F
RGB
rgb(252, 201, 159)
HSL
hsl(27, 94%, 81%)
HSB
hsb(27, 37%, 99%)
CMYK
cmyk(0%, 20%, 37%, 1%)
Oklch
oklch(87.1% 0.080 60.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FCA49F

Peach Pink · LightSalmon · Cherry Blossom

HEX
#FCA49F
RGB
rgb(252, 164, 159)
HSL
hsl(3, 94%, 81%)
HSB
hsb(3, 37%, 99%)
CMYK
cmyk(0%, 35%, 37%, 1%)
Oklch
oklch(80.5% 0.105 23.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6CD4AC
D56D95

Analogous

6DD579
6CD4AC
6DC8D5

Triadic

6CD4AC
AD6DD5
D5AD6D

Split-Comp.

6CD4AC
D56DC8
D5796D

Tetradic

6CD4AC
796DD5
D56D95
C8D56D

Contrast Matrix WCAG 2.1 Contrast

6CD4AC
CFFF9F
F9DF94
FCC99F
FCA49F
—
1.6
Fail
1.4
Fail
1.2
Fail
1.1
Fail
1.6
Fail
—
1.2
Fail
1.3
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.5
Fail
1.2
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
1.1
Fail
1.7
Fail
1.5
Fail
1.3
Fail
—
White BG
1.8Fail
1.1Fail
1.3Fail
1.5Fail
1.9Fail
Black BG
11.7AAA
18.5AAA
16.0AAA
14.0AAA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

999AB6
E4E4B6
EEEEA6
E6E5A9
D6D5A0

Deuteranopia

938BB8
E1DDBC
EFF1AB
E9EDAC
DBE2A1

Tritanopia

71BDBF
D1C9CD
F8B4B8
F9B1B3
F8A1A1

Achromatopsia

B0B0B0
E6E6E6
DEDEDE
D3D3D3
BEBEBE

Shades & Tints Shades & Tints

#6CD4AC

Dark
Light

#CFFF9F

Dark
Light

#F9DF94

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6cd4ac;
  --color-2: #cfff9f;
  --color-3: #f9df94;
  --color-4: #fcc99f;
  --color-5: #fca49f;
}

SCSS

$color-1: #6cd4ac;
$color-2: #cfff9f;
$color-3: #f9df94;
$color-4: #fcc99f;
$color-5: #fca49f;

TAILWIND

colors: {
  'brand-1': '#6cd4ac',
  'brand-2': '#cfff9f',
  'brand-3': '#f9df94',
  'brand-4': '#fcc99f',
  'brand-5': '#fca49f',
}

RGB Array

[108, 212, 172], [207, 255, 159], [249, 223, 148], [252, 201, 159], [252, 164, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #6CD4AC, #CFFF9F, #F9DF94, #FCC99F, #FCA49F 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: #6cd4ac; --color-2: #cfff9f; --color-3: #f9df94; --color-4: #fcc99f; --color-5: #fca49f. 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