#95DCCD + #7EC0C2 + #64A4BD + #668DBA + #5D6DA6 · muted - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#95DCCD

Jade · LightBlue · Lake Green

HEX

#95DCCD

RGB

rgb(149, 220, 205)

HSL

hsl(167, 50%, 72%)

HSB

hsb(167, 32%, 86%)

CMYK

cmyk(32%, 0%, 7%, 14%)

Oklch

oklch(84.3% 0.074 179.7)

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

#7EC0C2

Sky Blue · MediumAquaMarine · Lake Green

HEX

#7EC0C2

RGB

rgb(126, 192, 194)

HSL

hsl(182, 36%, 63%)

HSB

hsb(182, 35%, 76%)

CMYK

cmyk(35%, 1%, 0%, 24%)

Oklch

oklch(76.4% 0.067 198.3)

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

#64A4BD

Slate Blue · CadetBlue · Lake Green

HEX

#64A4BD

RGB

rgb(100, 164, 189)

HSL

hsl(197, 40%, 57%)

HSB

hsb(197, 47%, 74%)

CMYK

cmyk(47%, 13%, 0%, 26%)

Oklch

oklch(68.5% 0.075 225.0)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#668DBA

Azure · CadetBlue · Navy Blue

HEX

#668DBA

RGB

rgb(102, 141, 186)

HSL

hsl(212, 38%, 56%)

HSB

hsb(212, 45%, 73%)

CMYK

cmyk(45%, 24%, 0%, 27%)

Oklch

oklch(63.3% 0.081 252.6)

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

#5D6DA6

Azure · SteelBlue · Navy Blue

HEX

#5D6DA6

RGB

rgb(93, 109, 166)

HSL

hsl(227, 29%, 51%)

HSB

hsb(227, 44%, 65%)

CMYK

cmyk(44%, 34%, 0%, 35%)

Oklch

oklch(54.6% 0.091 271.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95DCCD

DB94A3

Analogous

94DBA8

95DCCD

94C7DB

Triadic

95DCCD

CC94DB

DBCC94

Split-Comp.

95DCCD

DB94C7

DBA894

Tetradic

95DCCD

A894DB

DB94A3

C7DB94

Contrast Matrix WCAG 2.1 Contrast

95DCCD	7EC0C2	64A4BD	668DBA	5D6DA6
—	1.3 Fail	1.8 Fail	2.2 Fail	3.2 AA Large
1.3 Fail	—	1.3 Fail	1.7 Fail	2.4 Fail
1.8 Fail	1.3 Fail	—	1.2 Fail	1.8 Fail
2.2 Fail	1.7 Fail	1.2 Fail	—	1.4 Fail
3.2 AA Large	2.4 Fail	1.8 Fail	1.4 Fail	—

White BG

1.6Fail

2.1Fail

2.8Fail

3.5AA Large

5.0AA

Black BG

13.4AAA

10.2AAA

7.6AAA

6.1AA

4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B4D1

9B9BC2

8080B7

7777AF

646498

Deuteranopia

B0AAD2

9792C1

7C77B5

7572AD

636295

Tritanopia

99D3D4

81C1C1

67B2B1

68A7A5

5E8D8B

Achromatopsia

C5C5C5

ACACAC

949494

868686

6F6F6F

Shades & Tints Shades & Tints

#95DCCD

Dark

Light

#7EC0C2

Dark

Light

#64A4BD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95dccd;
  --color-2: #7ec0c2;
  --color-3: #64a4bd;
  --color-4: #668dba;
  --color-5: #5d6da6;
}

SCSS

$color-1: #95dccd;
$color-2: #7ec0c2;
$color-3: #64a4bd;
$color-4: #668dba;
$color-5: #5d6da6;

TAILWIND

colors: {
  'brand-1': '#95dccd',
  'brand-2': '#7ec0c2',
  'brand-3': '#64a4bd',
  'brand-4': '#668dba',
  'brand-5': '#5d6da6',
}

RGB Array

[149, 220, 205], [126, 192, 194], [100, 164, 189], [102, 141, 186], [93, 109, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #95DCCD, #7EC0C2, #64A4BD, #668DBA, #5D6DA6 is ideal for: corporate websites, product showcases, portfolios. 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: #95dccd; --color-2: #7ec0c2; --color-3: #64a4bd; --color-4: #668dba; --color-5: #5d6da6. 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 muted-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