← Back to Editor

#E4D90C · #EBE2AF · #26BFBA · #FA154B · #62C48F

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 App

Color Details Color Details

#E4D90C

Autumn Sage · Gold · Honey Gold

HEX
#E4D90C
RGB
rgb(228, 217, 12)
HSL
hsl(57, 90%, 47%)
HSB
hsb(57, 95%, 89%)
CMYK
cmyk(0%, 5%, 95%, 11%)
Oklch
oklch(86.6% 0.183 105.9)

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

#EBE2AF

Fresh Green · Wheat · Lemon Cream

HEX
#EBE2AF
RGB
rgb(235, 226, 175)
HSL
hsl(51, 60%, 80%)
HSB
hsb(51, 26%, 92%)
CMYK
cmyk(0%, 4%, 26%, 8%)
Oklch
oklch(90.8% 0.067 99.2)

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

#26BFBA

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#26BFBA
RGB
rgb(38, 191, 186)
HSL
hsl(178, 67%, 45%)
HSB
hsb(178, 80%, 75%)
CMYK
cmyk(80%, 0%, 3%, 25%)
Oklch
oklch(73.0% 0.119 191.4)

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

#FA154B

Vermilion · Crimson · Passion Red

HEX
#FA154B
RGB
rgb(250, 21, 75)
HSL
hsl(346, 96%, 53%)
HSB
hsb(346, 92%, 98%)
CMYK
cmyk(0%, 92%, 70%, 2%)
Oklch
oklch(62.9% 0.245 18.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#62C48F

Celadon · MediumAquaMarine · Olive Green

HEX
#62C48F
RGB
rgb(98, 196, 143)
HSL
hsl(148, 45%, 58%)
HSB
hsb(148, 50%, 77%)
CMYK
cmyk(50%, 0%, 27%, 23%)
Oklch
oklch(74.6% 0.122 157.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4D90C
0C17E4

Analogous

E46D0C
E4D90C
83E40C

Triadic

E4D90C
0CE4D9
D90CE4

Split-Comp.

E4D90C
0C83E4
6D0CE4

Tetradic

E4D90C
0CE46D
0C17E4
E40C83

Contrast Matrix WCAG 2.1 Contrast

E4D90C
EBE2AF
26BFBA
FA154B
62C48F
—
1.1
Fail
1.5
Fail
2.7
Fail
1.5
Fail
1.1
Fail
—
1.7
Fail
3.0
AA Large
1.6
Fail
1.5
Fail
1.7
Fail
—
1.8
Fail
1.1
Fail
2.7
Fail
3.0
AA Large
1.8
Fail
—
1.9
Fail
1.5
Fail
1.6
Fail
1.1
Fail
1.9
Fail
—
White BG
1.5Fail
1.3Fail
2.3Fail
4.0AA Large
2.1Fail
Black BG
14.2AAA
16.0AAA
9.2AAA
5.3AA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDF3E
E7E7BB
686ABB
97953E
8C8D9C

Deuteranopia

E0E14A
E8E8BE
5F54BC
A4B53B
877F9F

Tritanopia

E3656D
EBC5C7
2EBCBC
EF3431
67A6A8

Achromatopsia

C5C5C5
DFDFDF
919191
606060
A1A1A1

Shades & Tints Shades & Tints

#E4D90C

Dark
Light

#EBE2AF

Dark
Light

#26BFBA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4d90c;
  --color-2: #ebe2af;
  --color-3: #26bfba;
  --color-4: #fa154b;
  --color-5: #62c48f;
}

SCSS

$color-1: #e4d90c;
$color-2: #ebe2af;
$color-3: #26bfba;
$color-4: #fa154b;
$color-5: #62c48f;

TAILWIND

colors: {
  'brand-1': '#e4d90c',
  'brand-2': '#ebe2af',
  'brand-3': '#26bfba',
  'brand-4': '#fa154b',
  'brand-5': '#62c48f',
}

RGB Array

[228, 217, 12], [235, 226, 175], [38, 191, 186], [250, 21, 75], [98, 196, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #E4D90C, #EBE2AF, #26BFBA, #FA154B, #62C48F 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: #e4d90c; --color-2: #ebe2af; --color-3: #26bfba; --color-4: #fa154b; --color-5: #62c48f. 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