← Back to Editor

#EB7805 · #9EB51B · #9CC489 · #A2E8CA · #EDF2D0

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#EB7805

Ochre · Chocolate · Amber Brown

HEX
#EB7805
RGB
rgb(235, 120, 5)
HSL
hsl(30, 96%, 47%)
HSB
hsb(30, 98%, 92%)
CMYK
cmyk(0%, 49%, 98%, 8%)
Oklch
oklch(69.2% 0.173 53.9)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#9EB51B

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9EB51B
RGB
rgb(158, 181, 27)
HSL
hsl(69, 74%, 41%)
HSB
hsb(69, 85%, 71%)
CMYK
cmyk(13%, 0%, 85%, 29%)
Oklch
oklch(73.0% 0.165 118.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#9CC489

Celadon · DarkSeaGreen · Apple Green

HEX
#9CC489
RGB
rgb(156, 196, 137)
HSL
hsl(101, 33%, 65%)
HSB
hsb(101, 30%, 77%)
CMYK
cmyk(20%, 0%, 30%, 23%)
Oklch
oklch(77.6% 0.092 135.8)

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

#A2E8CA

Jade · LightBlue · Apple Green

HEX
#A2E8CA
RGB
rgb(162, 232, 202)
HSL
hsl(154, 60%, 77%)
HSB
hsb(154, 30%, 91%)
CMYK
cmyk(30%, 0%, 13%, 9%)
Oklch
oklch(87.6% 0.082 166.0)

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

#EDF2D0

Fresh Green · Beige · Lemon Cream

HEX
#EDF2D0
RGB
rgb(237, 242, 208)
HSL
hsl(69, 57%, 88%)
HSB
hsb(69, 14%, 95%)
CMYK
cmyk(2%, 0%, 14%, 5%)
Oklch
oklch(94.9% 0.045 114.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB7805
0578EB

Analogous

EB0505
EB7805
EBEB05

Triadic

EB7805
05EB78
7805EB

Split-Comp.

EB7805
05EBEB
0505EB

Tetradic

EB7805
05EB05
0578EB
EB05EB

Contrast Matrix WCAG 2.1 Contrast

EB7805
9EB51B
9CC489
A2E8CA
EDF2D0
—
1.3
Fail
1.5
Fail
2.1
Fail
2.5
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
1.4
Fail
1.7
Fail
2.1
Fail
1.6
Fail
1.4
Fail
—
1.2
Fail
2.5
Fail
2.0
Fail
1.7
Fail
1.2
Fail
—
White BG
2.9Fail
2.3Fail
2.0Fail
1.4Fail
1.2Fail
Black BG
7.2AAA
9.1AAA
10.7AAA
14.9AAA
18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B821
A8A840
ADAE97
C0C1D1
EFEFD8

Deuteranopia

C0C928
A7A549
ABA89B
BCB7D3
EFEEDA

Tritanopia

E5373C
9F5E64
9EA3A5
A6D7D8
EDDFE0

Achromatopsia

8D8D8D
9D9D9D
B1B1B1
D0D0D0
EDEDED

Shades & Tints Shades & Tints

#EB7805

Dark
Light

#9EB51B

Dark
Light

#9CC489

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb7805;
  --color-2: #9eb51b;
  --color-3: #9cc489;
  --color-4: #a2e8ca;
  --color-5: #edf2d0;
}

SCSS

$color-1: #eb7805;
$color-2: #9eb51b;
$color-3: #9cc489;
$color-4: #a2e8ca;
$color-5: #edf2d0;

TAILWIND

colors: {
  'brand-1': '#eb7805',
  'brand-2': '#9eb51b',
  'brand-3': '#9cc489',
  'brand-4': '#a2e8ca',
  'brand-5': '#edf2d0',
}

RGB Array

[235, 120, 5], [158, 181, 27], [156, 196, 137], [162, 232, 202], [237, 242, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #EB7805, #9EB51B, #9CC489, #A2E8CA, #EDF2D0 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #eb7805; --color-2: #9eb51b; --color-3: #9cc489; --color-4: #a2e8ca; --color-5: #edf2d0. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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