#35CBAE + #4A949F + #506884 + #593C6A + #5A2762 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#35CBAE

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#35CBAE

RGB

rgb(53, 203, 174)

HSL

hsl(168, 59%, 50%)

HSB

hsb(168, 74%, 80%)

CMYK

cmyk(74%, 0%, 14%, 20%)

Oklch

oklch(75.9% 0.129 176.3)

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

#4A949F

Slate Blue · CadetBlue · Mint Ice

HEX

#4A949F

RGB

rgb(74, 148, 159)

HSL

hsl(188, 36%, 46%)

HSB

hsb(188, 53%, 62%)

CMYK

cmyk(53%, 7%, 0%, 38%)

Oklch

oklch(62.3% 0.075 208.2)

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

#506884

Indigo · DimGray · Navy Blue

HEX

#506884

RGB

rgb(80, 104, 132)

HSL

hsl(212, 25%, 42%)

HSB

hsb(212, 39%, 52%)

CMYK

cmyk(39%, 21%, 0%, 48%)

Oklch

oklch(50.9% 0.053 252.7)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#593C6A

Dark Plum · DarkSlateBlue · Eggplant

HEX

#593C6A

RGB

rgb(89, 60, 106)

HSL

hsl(278, 28%, 33%)

HSB

hsb(278, 43%, 42%)

CMYK

cmyk(16%, 43%, 0%, 58%)

Oklch

oklch(40.9% 0.082 312.2)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#5A2762

Dark Plum · DarkSlateBlue · Eggplant

HEX

#5A2762

RGB

rgb(90, 39, 98)

HSL

hsl(292, 43%, 27%)

HSB

hsb(292, 60%, 38%)

CMYK

cmyk(8%, 60%, 0%, 62%)

Oklch

oklch(37.0% 0.112 322.0)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

35CBAE

CB3452

Analogous

34CB61

35CBAE

349ECB

Triadic

35CBAE

AD34CB

CBAD34

Split-Comp.

35CBAE

CB349E

CB6134

Tetradic

35CBAE

6134CB

CB3452

9ECB34

Contrast Matrix WCAG 2.1 Contrast

35CBAE	4A949F	506884	593C6A	5A2762
—	1.7 Fail	2.8 Fail	4.5 AA	5.4 AA
1.7 Fail	—	1.6 Fail	2.6 Fail	3.2 AA Large
2.8 Fail	1.6 Fail	—	1.6 Fail	1.9 Fail
4.5 AA	2.6 Fail	1.6 Fail	—	1.2 Fail
5.4 AA	3.2 AA Large	1.9 Fail	1.2 Fail	—

White BG

2.0Fail

3.5AA Large

5.7AA

9.2AAA

11.0AAA

Black BG

10.3AAA

6.0AA

3.7AA Large

2.3Fail

1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7677B5

6A6B9C

5A5B7D

4C4C5F

444354

Deuteranopia

6D62B7

66609C

59577C

4E505C

474B50

Tritanopia

3CBBBC

4E9A9A

517877

585654

574846

Achromatopsia

9B9B9B

7F7F7F

646464

4A4A4A

3D3D3D

Shades & Tints Shades & Tints

#35CBAE

Dark

Light

#4A949F

Dark

Light

#506884

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #35cbae;
  --color-2: #4a949f;
  --color-3: #506884;
  --color-4: #593c6a;
  --color-5: #5a2762;
}

SCSS

$color-1: #35cbae;
$color-2: #4a949f;
$color-3: #506884;
$color-4: #593c6a;
$color-5: #5a2762;

TAILWIND

colors: {
  'brand-1': '#35cbae',
  'brand-2': '#4a949f',
  'brand-3': '#506884',
  'brand-4': '#593c6a',
  'brand-5': '#5a2762',
}

RGB Array

[53, 203, 174], [74, 148, 159], [80, 104, 132], [89, 60, 106], [90, 39, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #35CBAE, #4A949F, #506884, #593C6A, #5A2762 is ideal for: tech websites, dark mode UIs, game UIs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #35cbae; --color-2: #4a949f; --color-3: #506884; --color-4: #593c6a; --color-5: #5a2762. 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 tech, SaaS, healthcare, eco industries. 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