← Back to Editor

#C5DEE7 · #CDDDDF · #D6DDD7 · #DEDCCE · #E6DBC6

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

#C5DEE7

Sky Blue · LightBlue · Glacier Blue

HEX
#C5DEE7
RGB
rgb(197, 222, 231)
HSL
hsl(196, 41%, 84%)
HSB
hsb(196, 15%, 91%)
CMYK
cmyk(15%, 4%, 0%, 9%)
Oklch
oklch(88.5% 0.029 221.4)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#CDDDDF

Sky Blue · LightGray · Glacier Blue

HEX
#CDDDDF
RGB
rgb(205, 221, 223)
HSL
hsl(187, 22%, 84%)
HSB
hsb(187, 8%, 87%)
CMYK
cmyk(8%, 1%, 0%, 13%)
Oklch
oklch(88.6% 0.017 205.8)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#D6DDD7

Celadon · LightGray · Pearl Gray

HEX
#D6DDD7
RGB
rgb(214, 221, 215)
HSL
hsl(129, 9%, 85%)
HSB
hsb(129, 3%, 87%)
CMYK
cmyk(3%, 0%, 3%, 13%)
Oklch
oklch(89.0% 0.011 149.8)

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

#DEDCCE

Fresh Green · LightGray · Lemon Cream

HEX
#DEDCCE
RGB
rgb(222, 220, 206)
HSL
hsl(53, 20%, 84%)
HSB
hsb(53, 7%, 87%)
CMYK
cmyk(0%, 1%, 7%, 13%)
Oklch
oklch(89.2% 0.019 100.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#E6DBC6

Goose Yellow · LightGray · Peach Orange

HEX
#E6DBC6
RGB
rgb(230, 219, 198)
HSL
hsl(39, 39%, 84%)
HSB
hsb(39, 14%, 90%)
CMYK
cmyk(0%, 5%, 14%, 10%)
Oklch
oklch(89.5% 0.031 83.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5DEE7
E7CEC5

Analogous

C5E7DF
C5DEE7
C5CDE7

Triadic

C5DEE7
E7C5DE
DEE7C5

Split-Comp.

C5DEE7
E7C5CD
E7DFC5

Tetradic

C5DEE7
DFC5E7
E7CEC5
CDE7C5

Contrast Matrix WCAG 2.1 Contrast

C5DEE7
CDDDDF
D6DDD7
DEDCCE
E6DBC6
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
White BG
1.4Fail
1.4Fail
1.4Fail
1.4Fail
1.4Fail
Black BG
15.0AAA
15.0AAA
15.2AAA
15.2AAA
15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0E5
D4D4DF
D9D9D8
DDDDD1
E1E1CB

Deuteranopia

CECCE4
D3D2DE
D9D8D9
DDDDD2
E2E3CC

Tritanopia

C6E3E3
CEDEDE
D6DADA
DED4D5
E5CFD0

Achromatopsia

D8D8D8
D8D8D8
DADADA
DBDBDB
DCDCDC

Shades & Tints Shades & Tints

#C5DEE7

Dark
Light

#CDDDDF

Dark
Light

#D6DDD7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5dee7;
  --color-2: #cddddf;
  --color-3: #d6ddd7;
  --color-4: #dedcce;
  --color-5: #e6dbc6;
}

SCSS

$color-1: #c5dee7;
$color-2: #cddddf;
$color-3: #d6ddd7;
$color-4: #dedcce;
$color-5: #e6dbc6;

TAILWIND

colors: {
  'brand-1': '#c5dee7',
  'brand-2': '#cddddf',
  'brand-3': '#d6ddd7',
  'brand-4': '#dedcce',
  'brand-5': '#e6dbc6',
}

RGB Array

[197, 222, 231], [205, 221, 223], [214, 221, 215], [222, 220, 206], [230, 219, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C5DEE7, #CDDDDF, #D6DDD7, #DEDCCE, #E6DBC6 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: #c5dee7; --color-2: #cddddf; --color-3: #d6ddd7; --color-4: #dedcce; --color-5: #e6dbc6. 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