← Back to Editor

#9CD9AE · #EEF531 · #E2E675 · #CDE386 · #BEDBAD

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamic

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#9CD9AE

Celadon · LightGreen · Apple Green

HEX
#9CD9AE
RGB
rgb(156, 217, 174)
HSL
hsl(138, 45%, 73%)
HSB
hsb(138, 28%, 85%)
CMYK
cmyk(28%, 0%, 20%, 15%)
Oklch
oklch(83.2% 0.087 153.5)

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

#EEF531

Autumn Sage · Yellow · Sunflower

HEX
#EEF531
RGB
rgb(238, 245, 49)
HSL
hsl(62, 91%, 58%)
HSB
hsb(62, 80%, 96%)
CMYK
cmyk(3%, 0%, 80%, 4%)
Oklch
oklch(93.5% 0.196 111.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E2E675

Fresh Green · Khaki · Sunflower

HEX
#E2E675
RGB
rgb(226, 230, 117)
HSL
hsl(62, 69%, 68%)
HSB
hsb(62, 49%, 90%)
CMYK
cmyk(2%, 0%, 49%, 10%)
Oklch
oklch(89.9% 0.137 110.7)

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

#CDE386

Willow Green · Khaki · Apple Green

HEX
#CDE386
RGB
rgb(205, 227, 134)
HSL
hsl(74, 62%, 71%)
HSB
hsb(74, 41%, 89%)
CMYK
cmyk(10%, 0%, 41%, 11%)
Oklch
oklch(87.9% 0.120 119.8)

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

#BEDBAD

Celadon · Silver · Apple Green

HEX
#BEDBAD
RGB
rgb(190, 219, 173)
HSL
hsl(98, 39%, 77%)
HSB
hsb(98, 21%, 86%)
CMYK
cmyk(13%, 0%, 21%, 14%)
Oklch
oklch(85.8% 0.069 134.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9CD9AE
D99BC7

Analogous

A8D99B
9CD9AE
9BD9CD

Triadic

9CD9AE
AE9BD9
D9AE9B

Split-Comp.

9CD9AE
CD9BD9
D99BA8

Tetradic

9CD9AE
9BA8D9
D99BC7
D9CD9B

Contrast Matrix WCAG 2.1 Contrast

9CD9AE
EEF531
E2E675
CDE386
BEDBAD
—
1.4
Fail
1.2
Fail
1.2
Fail
1.1
Fail
1.4
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.3
Fail
1.1
Fail
1.1
Fail
—
White BG
1.6Fail
1.2Fail
1.3Fail
1.4Fail
1.5Fail
Black BG
12.9AAA
17.7AAA
15.8AAA
14.9AAA
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B7B8
F1F160
E4E490
D7D79D
CBCBB8

Deuteranopia

B3AEBB
F1F06C
E4E397
D5D4A2
C9C7BB

Tritanopia

9FC1C2
EE868E
E2A6AB
CEAEB2
BFC1C3

Achromatopsia

C2C2C2
DDDDDD
D8D8D8
D2D2D2
CDCDCD

Shades & Tints Shades & Tints

#9CD9AE

Dark
Light

#EEF531

Dark
Light

#E2E675

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9cd9ae;
  --color-2: #eef531;
  --color-3: #e2e675;
  --color-4: #cde386;
  --color-5: #bedbad;
}

SCSS

$color-1: #9cd9ae;
$color-2: #eef531;
$color-3: #e2e675;
$color-4: #cde386;
$color-5: #bedbad;

TAILWIND

colors: {
  'brand-1': '#9cd9ae',
  'brand-2': '#eef531',
  'brand-3': '#e2e675',
  'brand-4': '#cde386',
  'brand-5': '#bedbad',
}

RGB Array

[156, 217, 174], [238, 245, 49], [226, 230, 117], [205, 227, 134], [190, 219, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9CD9AE, #EEF531, #E2E675, #CDE386, #BEDBAD 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: #9cd9ae; --color-2: #eef531; --color-3: #e2e675; --color-4: #cde386; --color-5: #bedbad. 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