← Back to Editor

#53B3B3 · #99C1BE · #C7CBC3 · #E5D2C9 · #EED3D9

muted

A 5-color muted palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#53B3B3

Slate Blue · CadetBlue · Lake Green

HEX
#53B3B3
RGB
rgb(83, 179, 179)
HSL
hsl(180, 39%, 51%)
HSB
hsb(180, 54%, 70%)
CMYK
cmyk(54%, 0%, 0%, 30%)
Oklch
oklch(71.0% 0.090 195.3)

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

#99C1BE

Jade · DarkGray · Lake Green

HEX
#99C1BE
RGB
rgb(153, 193, 190)
HSL
hsl(176, 24%, 68%)
HSB
hsb(176, 21%, 76%)
CMYK
cmyk(21%, 0%, 2%, 24%)
Oklch
oklch(78.1% 0.043 190.6)

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

#C7CBC3

Silver Gray · Silver · Pearl Gray

HEX
#C7CBC3
RGB
rgb(199, 203, 195)
HSL
hsl(90, 7%, 78%)
HSB
hsb(90, 4%, 80%)
CMYK
cmyk(2%, 0%, 4%, 20%)
Oklch
oklch(83.7% 0.012 128.6)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#E5D2C9

Apricot · LightGray · Peach Orange

HEX
#E5D2C9
RGB
rgb(229, 210, 201)
HSL
hsl(19, 35%, 84%)
HSB
hsb(19, 12%, 90%)
CMYK
cmyk(0%, 8%, 12%, 10%)
Oklch
oklch(87.7% 0.025 47.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EED3D9

Peach Pink · LightGray · Cherry Blossom

HEX
#EED3D9
RGB
rgb(238, 211, 217)
HSL
hsl(347, 44%, 88%)
HSB
hsb(347, 11%, 93%)
CMYK
cmyk(0%, 11%, 9%, 7%)
Oklch
oklch(89.1% 0.031 2.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

53B3B3
B35151

Analogous

51B382
53B3B3
5182B3

Triadic

53B3B3
B351B3
B3B351

Split-Comp.

53B3B3
B35182
B38251

Tetradic

53B3B3
8251B3
B35151
82B351

Contrast Matrix WCAG 2.1 Contrast

53B3B3
99C1BE
C7CBC3
E5D2C9
EED3D9
—
1.3
Fail
1.5
Fail
1.7
Fail
1.8
Fail
1.3
Fail
—
1.2
Fail
1.3
Fail
1.4
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.7
Fail
1.3
Fail
1.1
Fail
—
1.0
Fail
1.8
Fail
1.4
Fail
1.2
Fail
1.0
Fail
—
White BG
2.5Fail
2.0Fail
1.6Fail
1.5Fail
1.4Fail
Black BG
8.5AAA
10.7AAA
12.8AAA
14.4AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7D7DB3
AAABBF
C9C9C5
DDDDCB
E2E2D8

Deuteranopia

7770B3
A8A5BF
C9C8C5
DEDFCC
E4E6D7

Tritanopia

58B3B3
9BBFBF
C7C6C7
E4CDCD
EDD6D6

Achromatopsia

969696
B5B5B5
C9C9C9
D7D7D7
DCDCDC

Shades & Tints Shades & Tints

#53B3B3

Dark
Light

#99C1BE

Dark
Light

#C7CBC3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #53b3b3;
  --color-2: #99c1be;
  --color-3: #c7cbc3;
  --color-4: #e5d2c9;
  --color-5: #eed3d9;
}

SCSS

$color-1: #53b3b3;
$color-2: #99c1be;
$color-3: #c7cbc3;
$color-4: #e5d2c9;
$color-5: #eed3d9;

TAILWIND

colors: {
  'brand-1': '#53b3b3',
  'brand-2': '#99c1be',
  'brand-3': '#c7cbc3',
  'brand-4': '#e5d2c9',
  'brand-5': '#eed3d9',
}

RGB Array

[83, 179, 179], [153, 193, 190], [199, 203, 195], [229, 210, 201], [238, 211, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #53B3B3, #99C1BE, #C7CBC3, #E5D2C9, #EED3D9 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #53b3b3; --color-2: #99c1be; --color-3: #c7cbc3; --color-4: #e5d2c9; --color-5: #eed3d9. 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 muted-style 5-color scheme is especially suited for beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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