#CEE89E + #B0D961 + #50C455 + #9F529A + #C68FC9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#CEE89E

Willow Green · Khaki · Apple Green

HEX

#CEE89E

RGB

rgb(206, 232, 158)

HSL

hsl(81, 62%, 76%)

HSB

hsb(81, 32%, 91%)

CMYK

cmyk(11%, 0%, 32%, 9%)

Oklch

oklch(89.4% 0.100 124.1)

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

#B0D961

Willow Green · LightGreen · Apple Green

HEX

#B0D961

RGB

rgb(176, 217, 97)

HSL

hsl(81, 61%, 62%)

HSB

hsb(81, 55%, 85%)

CMYK

cmyk(19%, 0%, 55%, 15%)

Oklch

oklch(83.1% 0.155 125.4)

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

#50C455

Celadon · MediumSeaGreen · Olive Green

HEX

#50C455

RGB

rgb(80, 196, 85)

HSL

hsl(123, 50%, 54%)

HSB

hsb(123, 59%, 77%)

CMYK

cmyk(59%, 0%, 57%, 23%)

Oklch

oklch(72.9% 0.184 144.1)

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

#9F529A

Rose Purple · DarkOrchid · Violet

HEX

#9F529A

RGB

rgb(159, 82, 154)

HSL

hsl(304, 32%, 47%)

HSB

hsb(304, 48%, 62%)

CMYK

cmyk(0%, 48%, 3%, 38%)

Oklch

oklch(55.7% 0.138 329.7)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#C68FC9

Lilac · Orchid · Lilac Purple

HEX

#C68FC9

RGB

rgb(198, 143, 201)

HSL

hsl(297, 35%, 67%)

HSB

hsb(297, 29%, 79%)

CMYK

cmyk(1%, 29%, 0%, 21%)

Oklch

oklch(72.3% 0.102 324.8)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEE89E

B69CE8

Analogous

E8DC9C

CEE89E

A7E89C

Triadic

CEE89E

9CCDE8

E89CCD

Split-Comp.

CEE89E

9CA7E8

DC9CE8

Tetradic

CEE89E

9CE8DC

B69CE8

E89CA7

Contrast Matrix WCAG 2.1 Contrast

CEE89E	B0D961	50C455	9F529A	C68FC9
—	1.2 Fail	1.7 Fail	3.8 AA Large	1.9 Fail
1.2 Fail	—	1.4 Fail	3.1 AA Large	1.6 Fail
1.7 Fail	1.4 Fail	—	2.3 Fail	1.1 Fail
3.8 AA Large	3.1 AA Large	2.3 Fail	—	2.0 Fail
1.9 Fail	1.6 Fail	1.1 Fail	2.0 Fail	—

White BG

1.3Fail

1.6Fail

2.2Fail

5.1AA

2.6Fail

Black BG

15.7AAA

12.9AAA

9.4AAA

4.1AA Large

8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9B0

C2C27E

828370

7E7D89

AEAEBB

Deuteranopia

D8D6B4

BFBC85

7C7376

828884

B1B6B8

Tritanopia

CFBEC1

B2959A

56858A

9B7B78

C3B0AD

Achromatopsia

D8D8D8

BFBFBF

959595

717171

A6A6A6

Shades & Tints Shades & Tints

#CEE89E

Dark

Light

#B0D961

Dark

Light

#50C455

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cee89e;
  --color-2: #b0d961;
  --color-3: #50c455;
  --color-4: #9f529a;
  --color-5: #c68fc9;
}

SCSS

$color-1: #cee89e;
$color-2: #b0d961;
$color-3: #50c455;
$color-4: #9f529a;
$color-5: #c68fc9;

TAILWIND

colors: {
  'brand-1': '#cee89e',
  'brand-2': '#b0d961',
  'brand-3': '#50c455',
  'brand-4': '#9f529a',
  'brand-5': '#c68fc9',
}

RGB Array

[206, 232, 158], [176, 217, 97], [80, 196, 85], [159, 82, 154], [198, 143, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CEE89E, #B0D961, #50C455, #9F529A, #C68FC9 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #cee89e; --color-2: #b0d961; --color-3: #50c455; --color-4: #9f529a; --color-5: #c68fc9. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco industries. 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