#FAF2C0 + #EEE197 + #C8C688 + #93AFA2 + #839A95 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FAF2C0

Fresh Green · Bisque · Lemon Cream

HEX

#FAF2C0

RGB

rgb(250, 242, 192)

HSL

hsl(52, 85%, 87%)

HSB

hsb(52, 23%, 98%)

CMYK

cmyk(0%, 3%, 23%, 2%)

Oklch

oklch(95.5% 0.065 99.9)

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

#EEE197

Fresh Green · Khaki · Lemon Cream

HEX

#EEE197

RGB

rgb(238, 225, 151)

HSL

hsl(51, 72%, 76%)

HSB

hsb(51, 37%, 93%)

CMYK

cmyk(0%, 5%, 37%, 7%)

Oklch

oklch(90.3% 0.095 99.5)

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

#C8C688

Fresh Green · Tan · Sunflower

HEX

#C8C688

RGB

rgb(200, 198, 136)

HSL

hsl(58, 37%, 66%)

HSB

hsb(58, 32%, 78%)

CMYK

cmyk(0%, 1%, 32%, 22%)

Oklch

oklch(81.3% 0.081 106.5)

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

#93AFA2

Jade · DarkSeaGreen · Apple Green

HEX

#93AFA2

RGB

rgb(147, 175, 162)

HSL

hsl(152, 15%, 63%)

HSB

hsb(152, 16%, 69%)

CMYK

cmyk(16%, 0%, 7%, 31%)

Oklch

oklch(72.9% 0.036 165.6)

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

#839A95

Mineral Blue · LightSlateGray · Lake Green

HEX

#839A95

RGB

rgb(131, 154, 149)

HSL

hsl(167, 10%, 56%)

HSB

hsb(167, 15%, 60%)

CMYK

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

Oklch

oklch(66.7% 0.027 180.8)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAF2C0

C2C9FA

Analogous

FAD6C2

FAF2C0

E5FAC2

Triadic

FAF2C0

C2FAF3

F3C2FA

Split-Comp.

FAF2C0

C2E5FA

D6C2FA

Tetradic

FAF2C0

C2FAD6

C2C9FA

FAC2E5

Contrast Matrix WCAG 2.1 Contrast

FAF2C0	EEE197	C8C688	93AFA2	839A95
—	1.2 Fail	1.6 Fail	2.1 Fail	2.6 Fail
1.2 Fail	—	1.3 Fail	1.8 Fail	2.3 Fail
1.6 Fail	1.3 Fail	—	1.3 Fail	1.7 Fail
2.1 Fail	1.8 Fail	1.3 Fail	—	1.3 Fail
2.6 Fail	2.3 Fail	1.7 Fail	1.3 Fail	—

White BG

1.1Fail

1.3Fail

1.8Fail

2.4Fail

3.0Fail

Black BG

18.5AAA

15.9AAA

11.9AAA

8.9AAA

7.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F6CC

E8E8A9

C7C797

9F9FA5

8D8D96

Deuteranopia

F7F8CF

E9EAAD

C7C79B

9E9BA6

8C8A97

Tritanopia

FAD6D8

EDB7BA

C8A3A5

94A8A8

849797

Achromatopsia

EFEFEF

DCDCDC

C0C0C0

A5A5A5

939393

Shades & Tints Shades & Tints

#FAF2C0

Dark

Light

#EEE197

Dark

Light

#C8C688

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faf2c0;
  --color-2: #eee197;
  --color-3: #c8c688;
  --color-4: #93afa2;
  --color-5: #839a95;
}

SCSS

$color-1: #faf2c0;
$color-2: #eee197;
$color-3: #c8c688;
$color-4: #93afa2;
$color-5: #839a95;

TAILWIND

colors: {
  'brand-1': '#faf2c0',
  'brand-2': '#eee197',
  'brand-3': '#c8c688',
  'brand-4': '#93afa2',
  'brand-5': '#839a95',
}

RGB Array

[250, 242, 192], [238, 225, 151], [200, 198, 136], [147, 175, 162], [131, 154, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FAF2C0, #EEE197, #C8C688, #93AFA2, #839A95 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: #faf2c0; --color-2: #eee197; --color-3: #c8c688; --color-4: #93afa2; --color-5: #839a95. 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 cool-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