← Back to Editor

#DED5C1 · #C1D4BE · #A3C1C2 · #9CA2BA · #947FA3

A 5-color palette 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

#DED5C1

Goose Yellow · LightGray · Lemon Cream

HEX
#DED5C1
RGB
rgb(222, 213, 193)
HSL
hsl(41, 31%, 81%)
HSB
hsb(41, 13%, 87%)
CMYK
cmyk(0%, 4%, 13%, 13%)
Oklch
oklch(87.5% 0.029 86.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#C1D4BE

Celadon · Silver · Apple Green

HEX
#C1D4BE
RGB
rgb(193, 212, 190)
HSL
hsl(112, 20%, 79%)
HSB
hsb(112, 10%, 83%)
CMYK
cmyk(9%, 0%, 10%, 17%)
Oklch
oklch(85.0% 0.036 141.4)

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

#A3C1C2

Sky Blue · Silver · Lake Green

HEX
#A3C1C2
RGB
rgb(163, 193, 194)
HSL
hsl(182, 20%, 70%)
HSB
hsb(182, 16%, 76%)
CMYK
cmyk(16%, 1%, 0%, 24%)
Oklch
oklch(78.9% 0.032 199.0)

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

#9CA2BA

Azure · DarkGray · Cobalt Blue

HEX
#9CA2BA
RGB
rgb(156, 162, 186)
HSL
hsl(228, 18%, 67%)
HSB
hsb(228, 16%, 73%)
CMYK
cmyk(16%, 13%, 0%, 27%)
Oklch
oklch(71.5% 0.036 274.4)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#947FA3

Dark Plum · LightSlateGray · Violet

HEX
#947FA3
RGB
rgb(148, 127, 163)
HSL
hsl(275, 16%, 57%)
HSB
hsb(275, 22%, 64%)
CMYK
cmyk(9%, 22%, 0%, 36%)
Oklch
oklch(62.8% 0.058 311.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DED5C1
C0C9DE

Analogous

DEC5C0
DED5C1
D8DEC0

Triadic

DED5C1
C0DED4
D4C0DE

Split-Comp.

DED5C1
C0D8DE
C5C0DE

Tetradic

DED5C1
C0DEC5
C0C9DE
DEC0D8

Contrast Matrix WCAG 2.1 Contrast

DED5C1
C1D4BE
A3C1C2
9CA2BA
947FA3
—
1.1
Fail
1.3
Fail
1.7
Fail
2.5
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
2.3
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
1.9
Fail
1.7
Fail
1.6
Fail
1.3
Fail
—
1.4
Fail
2.5
Fail
2.3
Fail
1.9
Fail
1.4
Fail
—
White BG
1.5Fail
1.6Fail
1.9Fail
2.5Fail
3.6AA Large
Black BG
14.4AAA
13.4AAA
11.0AAA
8.3AAA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAC6
C9C9C3
B0B0C2
9F9FB4
8B8B9A

Deuteranopia

DBDBC7
C8C7C5
AEACC2
9E9EB3
8C8E98

Tritanopia

DECACB
C2C8C8
A5C2C2
9CB0AF
939392

Achromatopsia

D5D5D5
CCCCCC
B8B8B8
A3A3A3
898989

Shades & Tints Shades & Tints

#DED5C1

Dark
Light

#C1D4BE

Dark
Light

#A3C1C2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ded5c1;
  --color-2: #c1d4be;
  --color-3: #a3c1c2;
  --color-4: #9ca2ba;
  --color-5: #947fa3;
}

SCSS

$color-1: #ded5c1;
$color-2: #c1d4be;
$color-3: #a3c1c2;
$color-4: #9ca2ba;
$color-5: #947fa3;

TAILWIND

colors: {
  'brand-1': '#ded5c1',
  'brand-2': '#c1d4be',
  'brand-3': '#a3c1c2',
  'brand-4': '#9ca2ba',
  'brand-5': '#947fa3',
}

RGB Array

[222, 213, 193], [193, 212, 190], [163, 193, 194], [156, 162, 186], [148, 127, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DED5C1, #C1D4BE, #A3C1C2, #9CA2BA, #947FA3 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: #ded5c1; --color-2: #c1d4be; --color-3: #a3c1c2; --color-4: #9ca2ba; --color-5: #947fa3. 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 general-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