← Back to Editor

#E94A14 · #FEA187 · #7BBBC0 · #66DDE6 · #C8D2D7

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

#E94A14

Tangerine · OrangeRed · Amber Brown

HEX
#E94A14
RGB
rgb(233, 74, 20)
HSL
hsl(15, 84%, 50%)
HSB
hsb(15, 91%, 91%)
CMYK
cmyk(0%, 68%, 91%, 9%)
Oklch
oklch(62.9% 0.204 36.6)

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

#FEA187

Peach Pink · LightSalmon · Coral Red

HEX
#FEA187
RGB
rgb(254, 161, 135)
HSL
hsl(13, 98%, 76%)
HSB
hsb(13, 47%, 100%)
CMYK
cmyk(0%, 37%, 47%, 0%)
Oklch
oklch(79.7% 0.117 36.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#7BBBC0

Sky Blue · MediumAquaMarine · Lake Green

HEX
#7BBBC0
RGB
rgb(123, 187, 192)
HSL
hsl(184, 35%, 62%)
HSB
hsb(184, 36%, 75%)
CMYK
cmyk(36%, 3%, 0%, 25%)
Oklch
oklch(75.1% 0.066 202.1)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#66DDE6

Sky Blue · SkyBlue · Lake Green

HEX
#66DDE6
RGB
rgb(102, 221, 230)
HSL
hsl(184, 72%, 65%)
HSB
hsb(184, 56%, 90%)
CMYK
cmyk(56%, 4%, 0%, 10%)
Oklch
oklch(83.3% 0.107 202.0)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#C8D2D7

Sky Blue · LightGray · Sky Blue

HEX
#C8D2D7
RGB
rgb(200, 210, 215)
HSL
hsl(200, 16%, 81%)
HSB
hsb(200, 7%, 84%)
CMYK
cmyk(7%, 2%, 0%, 16%)
Oklch
oklch(85.8% 0.013 229.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E94A14
14B5EB

Analogous

EB144A
E94A14
EBB514

Triadic

E94A14
14EB4A
4A14EB

Split-Comp.

E94A14
14EBB5
144AEB

Tetradic

E94A14
4AEB14
14B5EB
B514EB

Contrast Matrix WCAG 2.1 Contrast

E94A14
FEA187
7BBBC0
66DDE6
C8D2D7
—
2.0
Fail
1.8
Fail
2.4
Fail
2.5
Fail
2.0
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.8
Fail
1.1
Fail
—
1.3
Fail
1.4
Fail
2.4
Fail
1.2
Fail
1.3
Fail
—
1.0
Fail
2.5
Fail
1.3
Fail
1.4
Fail
1.0
Fail
—
White BG
3.9AA Large
2.0Fail
2.2Fail
1.6Fail
1.5Fail
Black BG
5.5AA
10.7AAA
9.7AAA
13.1AAA
13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A321
D6D58D
9797BF
9A9BE4
CCCCD6

Deuteranopia

ADB924
DBE28F
938EBE
938AE3
CCCBD6

Tritanopia

E12B2E
F99293
7EBEBE
6CE2E2
C9D5D5

Achromatopsia

737373
BABABA
A8A8A8
BABABA
D0D0D0

Shades & Tints Shades & Tints

#E94A14

Dark
Light

#FEA187

Dark
Light

#7BBBC0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e94a14;
  --color-2: #fea187;
  --color-3: #7bbbc0;
  --color-4: #66dde6;
  --color-5: #c8d2d7;
}

SCSS

$color-1: #e94a14;
$color-2: #fea187;
$color-3: #7bbbc0;
$color-4: #66dde6;
$color-5: #c8d2d7;

TAILWIND

colors: {
  'brand-1': '#e94a14',
  'brand-2': '#fea187',
  'brand-3': '#7bbbc0',
  'brand-4': '#66dde6',
  'brand-5': '#c8d2d7',
}

RGB Array

[233, 74, 20], [254, 161, 135], [123, 187, 192], [102, 221, 230], [200, 210, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #E94A14, #FEA187, #7BBBC0, #66DDE6, #C8D2D7 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #e94a14; --color-2: #fea187; --color-3: #7bbbc0; --color-4: #66dde6; --color-5: #c8d2d7. 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 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