← Back to Editor

#42525A · #047C8F · #0599B1 · #19BFBA · #00EBC0

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

#42525A

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#42525A
RGB
rgb(66, 82, 90)
HSL
hsl(200, 15%, 31%)
HSB
hsb(200, 27%, 35%)
CMYK
cmyk(27%, 9%, 0%, 65%)
Oklch
oklch(42.8% 0.024 229.6)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#047C8F

Lake Blue · Teal · Mint Ice

HEX
#047C8F
RGB
rgb(4, 124, 143)
HSL
hsl(188, 95%, 29%)
HSB
hsb(188, 97%, 56%)
CMYK
cmyk(97%, 13%, 0%, 44%)
Oklch
oklch(53.9% 0.094 213.4)

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

#0599B1

Lake Blue · LightSeaGreen · Mint Ice

HEX
#0599B1
RGB
rgb(5, 153, 177)
HSL
hsl(188, 95%, 36%)
HSB
hsb(188, 97%, 69%)
CMYK
cmyk(97%, 14%, 0%, 31%)
Oklch
oklch(62.8% 0.110 214.1)

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

#19BFBA

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#19BFBA
RGB
rgb(25, 191, 186)
HSL
hsl(178, 77%, 42%)
HSB
hsb(178, 87%, 75%)
CMYK
cmyk(87%, 0%, 3%, 25%)
Oklch
oklch(72.8% 0.122 191.4)

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

#00EBC0

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#00EBC0
RGB
rgb(0, 235, 192)
HSL
hsl(169, 100%, 46%)
HSB
hsb(169, 100%, 92%)
CMYK
cmyk(100%, 0%, 18%, 8%)
Oklch
oklch(83.8% 0.161 173.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

42525A
5B4B43

Analogous

435B57
42525A
43475B

Triadic

42525A
5B4353
535B43

Split-Comp.

42525A
5B4347
5B5743

Tetradic

42525A
57435B
5B4B43
475B43

Contrast Matrix WCAG 2.1 Contrast

42525A
047C8F
0599B1
19BFBA
00EBC0
—
1.7
Fail
2.4
Fail
3.6
AA Large
5.3
AA
1.7
Fail
—
1.4
Fail
2.1
Fail
3.2
AA Large
2.4
Fail
1.4
Fail
—
1.5
Fail
2.2
Fail
3.6
AA Large
2.1
Fail
1.5
Fail
—
1.5
Fail
5.3
AA
3.2
AA Large
2.2
Fail
1.5
Fail
—
White BG
8.1AAA
4.9AA
3.4AA Large
2.3Fail
1.5Fail
Black BG
2.6Fail
4.3AA Large
6.2AA
9.2AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

494958
38398A
4546AB
6162BB
6668CA

Deuteranopia

484758
312889
3D31AA
574BBC
5847CD

Tritanopia

435756
0A8786
0CA7A6
21BCBC
0CD3D4

Achromatopsia

4E4E4E
5A5A5A
6F6F6F
8D8D8D
A0A0A0

Shades & Tints Shades & Tints

#42525A

Dark
Light

#047C8F

Dark
Light

#0599B1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #42525a;
  --color-2: #047c8f;
  --color-3: #0599b1;
  --color-4: #19bfba;
  --color-5: #00ebc0;
}

SCSS

$color-1: #42525a;
$color-2: #047c8f;
$color-3: #0599b1;
$color-4: #19bfba;
$color-5: #00ebc0;

TAILWIND

colors: {
  'brand-1': '#42525a',
  'brand-2': '#047c8f',
  'brand-3': '#0599b1',
  'brand-4': '#19bfba',
  'brand-5': '#00ebc0',
}

RGB Array

[66, 82, 90], [4, 124, 143], [5, 153, 177], [25, 191, 186], [0, 235, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #42525A, #047C8F, #0599B1, #19BFBA, #00EBC0 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #42525a; --color-2: #047c8f; --color-3: #0599b1; --color-4: #19bfba; --color-5: #00ebc0. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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