#999988 + #E0DFA2 + #FCFBB1 + #F7ED94 + #D9D78D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#999988

Autumn Sage · Gray · Silver Sand

HEX

#999988

RGB

rgb(153, 153, 136)

HSL

hsl(60, 8%, 57%)

HSB

hsb(60, 11%, 60%)

CMYK

cmyk(0%, 0%, 11%, 40%)

Oklch

oklch(67.8% 0.024 107.0)

Traditional「Autumn Sage」· Paint「Silver Sand」· Creative Urban Concrete

#E0DFA2

Fresh Green · Wheat · Lemon Cream

HEX

#E0DFA2

RGB

rgb(224, 223, 162)

HSL

hsl(59, 50%, 76%)

HSB

hsb(59, 28%, 88%)

CMYK

cmyk(0%, 0%, 28%, 12%)

Oklch

oklch(89.0% 0.079 107.1)

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

#FCFBB1

Fresh Green · Wheat · Lemon Cream

HEX

#FCFBB1

RGB

rgb(252, 251, 177)

HSL

hsl(59, 93%, 84%)

HSB

hsb(59, 30%, 99%)

CMYK

cmyk(0%, 0%, 30%, 1%)

Oklch

oklch(97.2% 0.093 107.4)

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

#F7ED94

Fresh Green · Khaki · Lemon Cream

HEX

#F7ED94

RGB

rgb(247, 237, 148)

HSL

hsl(54, 86%, 77%)

HSB

hsb(54, 40%, 97%)

CMYK

cmyk(0%, 4%, 40%, 3%)

Oklch

oklch(93.5% 0.111 102.7)

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

#D9D78D

Fresh Green · Khaki · Sunflower

HEX

#D9D78D

RGB

rgb(217, 215, 141)

HSL

hsl(58, 50%, 70%)

HSB

hsb(58, 35%, 85%)

CMYK

cmyk(0%, 1%, 35%, 15%)

Oklch

oklch(86.4% 0.095 106.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

999988

89899A

Analogous

9A9189

999988

919A89

Triadic

999988

899A9A

9A899A

Split-Comp.

999988

89919A

91899A

Tetradic

999988

899A91

89899A

9A8991

Contrast Matrix WCAG 2.1 Contrast

999988	E0DFA2	FCFBB1	F7ED94	D9D78D
—	2.1 Fail	2.7 Fail	2.4 Fail	1.9 Fail
2.1 Fail	—	1.3 Fail	1.1 Fail	1.1 Fail
2.7 Fail	1.3 Fail	—	1.1 Fail	1.4 Fail
2.4 Fail	1.1 Fail	1.1 Fail	—	1.2 Fail
1.9 Fail	1.1 Fail	1.4 Fail	1.2 Fail	—

White BG

2.9Fail

1.4Fail

1.1Fail

1.2Fail

1.5Fail

Black BG

7.3AAA

15.2AAA

19.6AAA

17.5AAA

14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

99998C

E0E0B1

FCFCC3

F3F3AA

D8D89F

Deuteranopia

99998D

E0E0B4

FCFCC7

F3F4AF

D8D8A3

Tritanopia

998F90

E0BCBF

FCD1D4

F6BBBE

D9ADB0

Achromatopsia

979797

D8D8D8

F3F3F3

E6E6E6

CFCFCF

Shades & Tints Shades & Tints

#999988

Dark

Light

#E0DFA2

Dark

Light

#FCFBB1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #999988;
  --color-2: #e0dfa2;
  --color-3: #fcfbb1;
  --color-4: #f7ed94;
  --color-5: #d9d78d;
}

SCSS

$color-1: #999988;
$color-2: #e0dfa2;
$color-3: #fcfbb1;
$color-4: #f7ed94;
$color-5: #d9d78d;

TAILWIND

colors: {
  'brand-1': '#999988',
  'brand-2': '#e0dfa2',
  'brand-3': '#fcfbb1',
  'brand-4': '#f7ed94',
  'brand-5': '#d9d78d',
}

RGB Array

[153, 153, 136], [224, 223, 162], [252, 251, 177], [247, 237, 148], [217, 215, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #999988, #E0DFA2, #FCFBB1, #F7ED94, #D9D78D 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: #999988; --color-2: #e0dfa2; --color-3: #fcfbb1; --color-4: #f7ed94; --color-5: #d9d78d. 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