← Back to Editor

#909976 · #0CC48D · #32D97D · #74F23A · #CCD998

cool

A 5-color cool palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#909976

Grass Green · Gray · Olive Green

HEX
#909976
RGB
rgb(144, 153, 118)
HSL
hsl(75, 15%, 53%)
HSB
hsb(75, 23%, 60%)
CMYK
cmyk(6%, 0%, 23%, 40%)
Oklch
oklch(66.6% 0.051 119.5)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#0CC48D

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#0CC48D
RGB
rgb(12, 196, 141)
HSL
hsl(162, 88%, 41%)
HSB
hsb(162, 94%, 77%)
CMYK
cmyk(94%, 0%, 28%, 23%)
Oklch
oklch(72.7% 0.153 164.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#32D97D

Emerald · MediumSeaGreen · Olive Green

HEX
#32D97D
RGB
rgb(50, 217, 125)
HSL
hsl(147, 69%, 52%)
HSB
hsb(147, 77%, 85%)
CMYK
cmyk(77%, 0%, 42%, 15%)
Oklch
oklch(78.2% 0.186 153.3)

Traditional「Emerald」· Paint「Olive Green」· Creative Blush Sunrise

#74F23A

Emerald · GreenYellow · Olive Green

HEX
#74F23A
RGB
rgb(116, 242, 58)
HSL
hsl(101, 88%, 59%)
HSB
hsb(101, 76%, 95%)
CMYK
cmyk(52%, 0%, 76%, 5%)
Oklch
oklch(85.6% 0.241 138.0)

Traditional「Emerald」· Paint「Olive Green」· Creative Blush Sunrise

#CCD998

Willow Green · Tan · Apple Green

HEX
#CCD998
RGB
rgb(204, 217, 152)
HSL
hsl(72, 46%, 72%)
HSB
hsb(72, 30%, 85%)
CMYK
cmyk(6%, 0%, 30%, 15%)
Oklch
oklch(86.0% 0.086 117.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

909976
7E7599

Analogous

999075
909976
7E9975

Triadic

909976
759099
997590

Split-Comp.

909976
757E99
907599

Tetradic

909976
759990
7E7599
99757E

Contrast Matrix WCAG 2.1 Contrast

909976
0CC48D
32D97D
74F23A
CCD998
—
1.3
Fail
1.6
Fail
2.1
Fail
2.0
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
1.5
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
1.2
Fail
2.1
Fail
1.6
Fail
1.3
Fail
—
1.0
Fail
2.0
Fail
1.5
Fail
1.2
Fail
1.0
Fail
—
White BG
3.0Fail
2.3Fail
1.8Fail
1.4Fail
1.5Fail
Black BG
7.0AAA
9.3AAA
11.4AAA
14.5AAA
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

94947E
5C5D9A
7A7C93
ABAC67
D2D2A8

Deuteranopia

939381
51439E
716499
A39A71
D1D0AC

Tritanopia

908587
15A5A7
3AA5A9
7A8A91
CDB4B7

Achromatopsia

929292
878787
9D9D9D
B7B7B7
CECECE

Shades & Tints Shades & Tints

#909976

Dark
Light

#0CC48D

Dark
Light

#32D97D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #909976;
  --color-2: #0cc48d;
  --color-3: #32d97d;
  --color-4: #74f23a;
  --color-5: #ccd998;
}

SCSS

$color-1: #909976;
$color-2: #0cc48d;
$color-3: #32d97d;
$color-4: #74f23a;
$color-5: #ccd998;

TAILWIND

colors: {
  'brand-1': '#909976',
  'brand-2': '#0cc48d',
  'brand-3': '#32d97d',
  'brand-4': '#74f23a',
  'brand-5': '#ccd998',
}

RGB Array

[144, 153, 118], [12, 196, 141], [50, 217, 125], [116, 242, 58], [204, 217, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #909976, #0CC48D, #32D97D, #74F23A, #CCD998 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #909976; --color-2: #0cc48d; --color-3: #32d97d; --color-4: #74f23a; --color-5: #ccd998. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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