← Back to Editor

#6CD7C3 · #E3F19A · #FFF5BA · #FCD393 · #E17B89

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#6CD7C3

Jade · MediumAquaMarine · Lake Green

HEX
#6CD7C3
RGB
rgb(108, 215, 195)
HSL
hsl(169, 57%, 63%)
HSB
hsb(169, 50%, 84%)
CMYK
cmyk(50%, 0%, 9%, 16%)
Oklch
oklch(81.0% 0.104 179.8)

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

#E3F19A

Willow Green · Khaki · Apple Green

HEX
#E3F19A
RGB
rgb(227, 241, 154)
HSL
hsl(70, 76%, 77%)
HSB
hsb(70, 36%, 95%)
CMYK
cmyk(6%, 0%, 36%, 5%)
Oklch
oklch(92.8% 0.111 116.1)

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

#FFF5BA

Fresh Green · Bisque · Lemon Cream

HEX
#FFF5BA
RGB
rgb(255, 245, 186)
HSL
hsl(51, 100%, 86%)
HSB
hsb(51, 27%, 100%)
CMYK
cmyk(0%, 4%, 27%, 0%)
Oklch
oklch(96.4% 0.076 99.6)

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

#FCD393

Goose Yellow · Khaki · Peach Orange

HEX
#FCD393
RGB
rgb(252, 211, 147)
HSL
hsl(37, 95%, 78%)
HSB
hsb(37, 42%, 99%)
CMYK
cmyk(0%, 16%, 42%, 1%)
Oklch
oklch(88.8% 0.093 78.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E17B89

Peach Pink · LightCoral · Coral Red

HEX
#E17B89
RGB
rgb(225, 123, 137)
HSL
hsl(352, 63%, 68%)
HSB
hsb(352, 45%, 88%)
CMYK
cmyk(0%, 45%, 39%, 12%)
Oklch
oklch(70.0% 0.127 12.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6CD7C3
D66B7F

Analogous

6BD68D
6CD7C3
6BB4D6

Triadic

6CD7C3
C36BD6
D6C36B

Split-Comp.

6CD7C3
D66BB4
D68D6B

Tetradic

6CD7C3
8D6BD6
D66B7F
B4D66B

Contrast Matrix WCAG 2.1 Contrast

6CD7C3
E3F19A
FFF5BA
FCD393
E17B89
—
1.4
Fail
1.6
Fail
1.2
Fail
1.6
Fail
1.4
Fail
—
1.1
Fail
1.2
Fail
2.3
Fail
1.6
Fail
1.1
Fail
—
1.3
Fail
2.6
Fail
1.2
Fail
1.2
Fail
1.3
Fail
—
2.0
Fail
1.6
Fail
2.3
Fail
2.6
Fail
2.0
Fail
—
White BG
1.7Fail
1.2Fail
1.1Fail
1.4Fail
2.8Fail
Black BG
12.1AAA
17.3AAA
19.0AAA
14.9AAA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9BC8
E9E9AF
FBFBC8
EAEAA2
B5B486

Deuteranopia

948CC9
E8E7B4
FBFCCC
EDF0A6
BBC285

Tritanopia

71CCCD
E4C0C3
FFD4D6
FAAFB1
DC8382

Achromatopsia

B5B5B5
E3E3E3
F1F1F1
D8D8D8
9B9B9B

Shades & Tints Shades & Tints

#6CD7C3

Dark
Light

#E3F19A

Dark
Light

#FFF5BA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6cd7c3;
  --color-2: #e3f19a;
  --color-3: #fff5ba;
  --color-4: #fcd393;
  --color-5: #e17b89;
}

SCSS

$color-1: #6cd7c3;
$color-2: #e3f19a;
$color-3: #fff5ba;
$color-4: #fcd393;
$color-5: #e17b89;

TAILWIND

colors: {
  'brand-1': '#6cd7c3',
  'brand-2': '#e3f19a',
  'brand-3': '#fff5ba',
  'brand-4': '#fcd393',
  'brand-5': '#e17b89',
}

RGB Array

[108, 215, 195], [227, 241, 154], [255, 245, 186], [252, 211, 147], [225, 123, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6CD7C3, #E3F19A, #FFF5BA, #FCD393, #E17B89 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: #6cd7c3; --color-2: #e3f19a; --color-3: #fff5ba; --color-4: #fcd393; --color-5: #e17b89. 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 general-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