#919E99 + #9DCCA5 + #8BF0A1 + #C2F799 + #FFF29E · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#919E99

Ash · DarkGray · Silver Sand

HEX

#919E99

RGB

rgb(145, 158, 153)

HSL

hsl(157, 6%, 59%)

HSB

hsb(157, 8%, 62%)

CMYK

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

Oklch

oklch(68.7% 0.016 170.8)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#9DCCA5

Celadon · DarkSeaGreen · Apple Green

HEX

#9DCCA5

RGB

rgb(157, 204, 165)

HSL

hsl(130, 32%, 71%)

HSB

hsb(130, 23%, 80%)

CMYK

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

Oklch

oklch(80.1% 0.074 149.6)

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

#8BF0A1

Emerald · LightGreen · Apple Green

HEX

#8BF0A1

RGB

rgb(139, 240, 161)

HSL

hsl(133, 77%, 74%)

HSB

hsb(133, 42%, 94%)

CMYK

cmyk(42%, 0%, 33%, 6%)

Oklch

oklch(87.3% 0.145 149.6)

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

#C2F799

Emerald · Khaki · Apple Green

HEX

#C2F799

RGB

rgb(194, 247, 153)

HSL

hsl(94, 85%, 78%)

HSB

hsb(94, 38%, 97%)

CMYK

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

Oklch

oklch(91.8% 0.133 132.5)

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

#FFF29E

Fresh Green · Khaki · Lemon Cream

HEX

#FFF29E

RGB

rgb(255, 242, 158)

HSL

hsl(52, 100%, 81%)

HSB

hsb(52, 38%, 100%)

CMYK

cmyk(0%, 5%, 38%, 0%)

Oklch

oklch(95.3% 0.105 100.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

919E99

9D9095

Analogous

909D92

919E99

909B9D

Triadic

919E99

98909D

9D9890

Split-Comp.

919E99

9D909B

9D9290

Tetradic

919E99

92909D

9D9095

9B9D90

Contrast Matrix WCAG 2.1 Contrast

919E99	9DCCA5	8BF0A1	C2F799	FFF29E
—	1.5 Fail	2.0 Fail	2.3 Fail	2.4 Fail
1.5 Fail	—	1.3 Fail	1.5 Fail	1.6 Fail
2.0 Fail	1.3 Fail	—	1.1 Fail	1.2 Fail
2.3 Fail	1.5 Fail	1.1 Fail	—	1.1 Fail
2.4 Fail	1.6 Fail	1.2 Fail	1.1 Fail	—

White BG

2.8Fail

1.8Fail

1.4Fail

1.2Fail

1.1Fail

Black BG

7.6AAA

11.6AAA

15.1AAA

17.1AAA

18.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

97979A

B1B2AE

B7B8B4

D9D9B0

F9F9B2

Deuteranopia

96959B

AFABB1

B1A9B9

D6D2B5

FAFBB7

Tritanopia

929B9B

9FB6B8

90C3C7

C5C2C6

FEC2C6

Achromatopsia

9A9A9A

BABABA

C9C9C9

DCDCDC

ECECEC

Shades & Tints Shades & Tints

#919E99

Dark

Light

#9DCCA5

Dark

Light

#8BF0A1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #919e99;
  --color-2: #9dcca5;
  --color-3: #8bf0a1;
  --color-4: #c2f799;
  --color-5: #fff29e;
}

SCSS

$color-1: #919e99;
$color-2: #9dcca5;
$color-3: #8bf0a1;
$color-4: #c2f799;
$color-5: #fff29e;

TAILWIND

colors: {
  'brand-1': '#919e99',
  'brand-2': '#9dcca5',
  'brand-3': '#8bf0a1',
  'brand-4': '#c2f799',
  'brand-5': '#fff29e',
}

RGB Array

[145, 158, 153], [157, 204, 165], [139, 240, 161], [194, 247, 153], [255, 242, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #919E99, #9DCCA5, #8BF0A1, #C2F799, #FFF29E 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: #919e99; --color-2: #9dcca5; --color-3: #8bf0a1; --color-4: #c2f799; --color-5: #fff29e. 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