#9FCFC8 + #98A3AB + #EBCFA9 + #E8E4C5 + #EAEBDD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#9FCFC8

Jade · LightSteelBlue · Lake Green

HEX

#9FCFC8

RGB

rgb(159, 207, 200)

HSL

hsl(171, 33%, 72%)

HSB

hsb(171, 23%, 81%)

CMYK

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

Oklch

oklch(81.9% 0.051 185.2)

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

#98A3AB

Sky Blue · DarkGray · Cobalt Blue

HEX

#98A3AB

RGB

rgb(152, 163, 171)

HSL

hsl(205, 10%, 63%)

HSB

hsb(205, 11%, 67%)

CMYK

cmyk(11%, 5%, 0%, 33%)

Oklch

oklch(70.9% 0.017 239.2)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#EBCFA9

Goose Yellow · Wheat · Peach Orange

HEX

#EBCFA9

RGB

rgb(235, 207, 169)

HSL

hsl(35, 62%, 79%)

HSB

hsb(35, 28%, 92%)

CMYK

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

Oklch

oklch(86.9% 0.059 75.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E8E4C5

Fresh Green · Wheat · Lemon Cream

HEX

#E8E4C5

RGB

rgb(232, 228, 197)

HSL

hsl(53, 43%, 84%)

HSB

hsb(53, 15%, 91%)

CMYK

cmyk(0%, 2%, 15%, 9%)

Oklch

oklch(91.4% 0.041 101.1)

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

#EAEBDD

Fresh Green · Beige · Lemon Cream

HEX

#EAEBDD

RGB

rgb(234, 235, 221)

HSL

hsl(64, 26%, 89%)

HSB

hsb(64, 6%, 92%)

CMYK

cmyk(0%, 0%, 6%, 8%)

Oklch

oklch(93.5% 0.019 110.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9FCFC8

CFA0A7

Analogous

A0CFB1

9FCFC8

A0BFCF

Triadic

9FCFC8

C8A0CF

CFC8A0

Split-Comp.

9FCFC8

CFA0BF

CFB1A0

Tetradic

9FCFC8

B1A0CF

CFA0A7

BFCFA0

Contrast Matrix WCAG 2.1 Contrast

9FCFC8	98A3AB	EBCFA9	E8E4C5	EAEBDD
—	1.5 Fail	1.1 Fail	1.3 Fail	1.4 Fail
1.5 Fail	—	1.7 Fail	2.0 Fail	2.1 Fail
1.1 Fail	1.7 Fail	—	1.2 Fail	1.2 Fail
1.3 Fail	2.0 Fail	1.2 Fail	—	1.1 Fail
1.4 Fail	2.1 Fail	1.2 Fail	1.1 Fail	—

White BG

1.7Fail

2.6Fail

1.5Fail

1.3Fail

1.2Fail

Black BG

12.2AAA

8.2AAA

14.0AAA

16.3AAA

17.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B4CA

9D9DA9

DFDFB2

E6E6CD

EAEAE0

Deuteranopia

B1ADCA

9C9BA9

E1E3B4

E7E7CE

EAEAE1

Tritanopia

A1CBCB

99A8A7

EAB9BB

E8D2D4

EAE3E4

Achromatopsia

C0C0C0

A1A1A1

D3D3D3

E2E2E2

E9E9E9

Shades & Tints Shades & Tints

#9FCFC8

Dark

Light

#98A3AB

Dark

Light

#EBCFA9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9fcfc8;
  --color-2: #98a3ab;
  --color-3: #ebcfa9;
  --color-4: #e8e4c5;
  --color-5: #eaebdd;
}

SCSS

$color-1: #9fcfc8;
$color-2: #98a3ab;
$color-3: #ebcfa9;
$color-4: #e8e4c5;
$color-5: #eaebdd;

TAILWIND

colors: {
  'brand-1': '#9fcfc8',
  'brand-2': '#98a3ab',
  'brand-3': '#ebcfa9',
  'brand-4': '#e8e4c5',
  'brand-5': '#eaebdd',
}

RGB Array

[159, 207, 200], [152, 163, 171], [235, 207, 169], [232, 228, 197], [234, 235, 221]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9FCFC8, #98A3AB, #EBCFA9, #E8E4C5, #EAEBDD 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: #9fcfc8; --color-2: #98a3ab; --color-3: #ebcfa9; --color-4: #e8e4c5; --color-5: #eaebdd. 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