← Back to Editor

#C3CACC · #827EA6 · #957BB7 · #EBE3E2 · #E5E9E4

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

#C3CACC

Sky Blue · Silver · Pearl Gray

HEX
#C3CACC
RGB
rgb(195, 202, 204)
HSL
hsl(193, 8%, 78%)
HSB
hsb(193, 4%, 80%)
CMYK
cmyk(4%, 1%, 0%, 20%)
Oklch
oklch(83.4% 0.008 216.6)

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

#827EA6

Deep Indigo · LightSlateGray · Navy Blue

HEX
#827EA6
RGB
rgb(130, 126, 166)
HSL
hsl(246, 18%, 57%)
HSB
hsb(246, 24%, 65%)
CMYK
cmyk(22%, 24%, 0%, 35%)
Oklch
oklch(61.1% 0.060 289.1)

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

#957BB7

Deep Indigo · LightSlateGray · Violet

HEX
#957BB7
RGB
rgb(149, 123, 183)
HSL
hsl(266, 29%, 60%)
HSB
hsb(266, 33%, 72%)
CMYK
cmyk(19%, 33%, 0%, 28%)
Oklch
oklch(63.0% 0.093 303.7)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#EBE3E2

Peach Pink · Linen · Cherry Blossom

HEX
#EBE3E2
RGB
rgb(235, 227, 226)
HSL
hsl(7, 18%, 90%)
HSB
hsb(7, 4%, 92%)
CMYK
cmyk(0%, 3%, 4%, 8%)
Oklch
oklch(92.2% 0.009 26.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#E5E9E4

Celadon · Beige · Mint Green

HEX
#E5E9E4
RGB
rgb(229, 233, 228)
HSL
hsl(108, 10%, 90%)
HSB
hsb(108, 2%, 91%)
CMYK
cmyk(2%, 0%, 2%, 9%)
Oklch
oklch(93.0% 0.008 139.4)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C3CACC
CBC4C2

Analogous

C2CBC9
C3CACC
C2C5CB

Triadic

C3CACC
CBC2C9
C9CBC2

Split-Comp.

C3CACC
CBC2C5
CBC9C2

Tetradic

C3CACC
C9C2CB
CBC4C2
C5CBC2

Contrast Matrix WCAG 2.1 Contrast

C3CACC
827EA6
957BB7
EBE3E2
E5E9E4
—
2.3
Fail
2.2
Fail
1.3
Fail
1.4
Fail
2.3
Fail
—
1.1
Fail
3.0
AA Large
3.1
AA Large
2.2
Fail
1.1
Fail
—
2.9
Fail
3.0
Fail
1.3
Fail
3.0
AA Large
2.9
Fail
—
1.0
Fail
1.4
Fail
3.1
AA Large
3.0
Fail
1.0
Fail
—
White BG
1.7Fail
3.8AA Large
3.6AA Large
1.3Fail
1.2Fail
Black BG
12.6AAA
5.5AA
5.8AA
16.6AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C6CC
80809C
8A8AA8
E8E7E2
E7E7E5

Deuteranopia

C6C5CB
81819A
8B8DA5
E8E9E2
E7E6E6

Tritanopia

C3CBCB
829593
949D9B
EBE2E2
E5E6E6

Achromatopsia

C8C8C8
848484
8A8A8A
E5E5E5
E7E7E7

Shades & Tints Shades & Tints

#C3CACC

Dark
Light

#827EA6

Dark
Light

#957BB7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c3cacc;
  --color-2: #827ea6;
  --color-3: #957bb7;
  --color-4: #ebe3e2;
  --color-5: #e5e9e4;
}

SCSS

$color-1: #c3cacc;
$color-2: #827ea6;
$color-3: #957bb7;
$color-4: #ebe3e2;
$color-5: #e5e9e4;

TAILWIND

colors: {
  'brand-1': '#c3cacc',
  'brand-2': '#827ea6',
  'brand-3': '#957bb7',
  'brand-4': '#ebe3e2',
  'brand-5': '#e5e9e4',
}

RGB Array

[195, 202, 204], [130, 126, 166], [149, 123, 183], [235, 227, 226], [229, 233, 228]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #C3CACC, #827EA6, #957BB7, #EBE3E2, #E5E9E4 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: #c3cacc; --color-2: #827ea6; --color-3: #957bb7; --color-4: #ebe3e2; --color-5: #e5e9e4. 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