#E8FF00 + #CBD09A + #C3CFB9 + #D1CD9E + #C8BEA3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E8FF00

Autumn Sage · Yellow · Honey Gold

HEX

#E8FF00

RGB

rgb(232, 255, 0)

HSL

hsl(65, 100%, 50%)

HSB

hsb(65, 100%, 100%)

CMYK

cmyk(9%, 0%, 100%, 0%)

Oklch

oklch(95.0% 0.218 116.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#CBD09A

Fresh Green · Tan · Sunflower

HEX

#CBD09A

RGB

rgb(203, 208, 154)

HSL

hsl(66, 36%, 71%)

HSB

hsb(66, 26%, 82%)

CMYK

cmyk(2%, 0%, 26%, 18%)

Oklch

oklch(84.0% 0.072 112.2)

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

#C3CFB9

Celadon · Silver · Apple Green

HEX

#C3CFB9

RGB

rgb(195, 207, 185)

HSL

hsl(93, 19%, 77%)

HSB

hsb(93, 11%, 81%)

CMYK

cmyk(6%, 0%, 11%, 19%)

Oklch

oklch(83.9% 0.033 130.6)

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

#D1CD9E

Fresh Green · Tan · Sunflower

HEX

#D1CD9E

RGB

rgb(209, 205, 158)

HSL

hsl(55, 36%, 72%)

HSB

hsb(55, 24%, 82%)

CMYK

cmyk(0%, 2%, 24%, 18%)

Oklch

oklch(84.0% 0.062 103.6)

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

#C8BEA3

Goose Yellow · Tan · Sunflower

HEX

#C8BEA3

RGB

rgb(200, 190, 163)

HSL

hsl(44, 25%, 71%)

HSB

hsb(44, 19%, 78%)

CMYK

cmyk(0%, 5%, 19%, 22%)

Oklch

oklch(80.3% 0.038 90.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8FF00

1500FF

Analogous

FF9500

E8FF00

6AFF00

Triadic

E8FF00

00EAFF

FF00EA

Split-Comp.

E8FF00

006AFF

9500FF

Tetradic

E8FF00

00FF95

1500FF

FF006A

Contrast Matrix WCAG 2.1 Contrast

E8FF00	CBD09A	C3CFB9	D1CD9E	C8BEA3
—	1.4 Fail	1.4 Fail	1.4 Fail	1.7 Fail
1.4 Fail	—	1.0 Fail	1.0 Fail	1.1 Fail
1.4 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.4 Fail	1.0 Fail	1.0 Fail	—	1.1 Fail
1.7 Fail	1.1 Fail	1.1 Fail	1.1 Fail	—

White BG

1.1Fail

1.6Fail

1.9Fail

Black BG

18.7AAA

13.0AAA

12.9AAA

11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F23E

CDCDA7

C8C8BE

CFCFA9

C4C4AA

Deuteranopia

F1EF4D

CDCDAA

C8C7C0

D0D0AC

C4C5AB

Tritanopia

E96E79

CBB1B4

C4C3C3

D1B2B4

C8AFB0

Achromatopsia

DBDBDB

C8C8C8

C9C9C9

BEBEBE

Shades & Tints Shades & Tints

#E8FF00

Dark

Light

#CBD09A

Dark

Light

#C3CFB9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8ff00;
  --color-2: #cbd09a;
  --color-3: #c3cfb9;
  --color-4: #d1cd9e;
  --color-5: #c8bea3;
}

SCSS

$color-1: #e8ff00;
$color-2: #cbd09a;
$color-3: #c3cfb9;
$color-4: #d1cd9e;
$color-5: #c8bea3;

TAILWIND

colors: {
  'brand-1': '#e8ff00',
  'brand-2': '#cbd09a',
  'brand-3': '#c3cfb9',
  'brand-4': '#d1cd9e',
  'brand-5': '#c8bea3',
}

RGB Array

[232, 255, 0], [203, 208, 154], [195, 207, 185], [209, 205, 158], [200, 190, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8FF00, #CBD09A, #C3CFB9, #D1CD9E, #C8BEA3 is ideal for: health products, baby brands, fresh-style blogs. 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: #e8ff00; --color-2: #cbd09a; --color-3: #c3cfb9; --color-4: #d1cd9e; --color-5: #c8bea3. 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 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