← Back to Editor

#CEDED7 · #CBCCBA · #D1B198 · #A1959A · #EBC0D0

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

#CEDED7

Jade · LightGray · Mint Green

HEX
#CEDED7
RGB
rgb(206, 222, 215)
HSL
hsl(154, 20%, 84%)
HSB
hsb(154, 7%, 87%)
CMYK
cmyk(7%, 0%, 3%, 13%)
Oklch
oklch(88.7% 0.020 167.9)

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

#CBCCBA

Fresh Green · Silver · Lemon Cream

HEX
#CBCCBA
RGB
rgb(203, 204, 186)
HSL
hsl(63, 15%, 76%)
HSB
hsb(63, 9%, 80%)
CMYK
cmyk(0%, 0%, 9%, 20%)
Oklch
oklch(83.9% 0.025 109.5)

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

#D1B198

Apricot · Tan · Warm Sun

HEX
#D1B198
RGB
rgb(209, 177, 152)
HSL
hsl(26, 38%, 71%)
HSB
hsb(26, 27%, 82%)
CMYK
cmyk(0%, 15%, 27%, 18%)
Oklch
oklch(78.2% 0.051 60.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#A1959A

Ash · DarkGray · Silver Sand

HEX
#A1959A
RGB
rgb(161, 149, 154)
HSL
hsl(335, 6%, 61%)
HSB
hsb(335, 7%, 63%)
CMYK
cmyk(0%, 7%, 4%, 37%)
Oklch
oklch(68.2% 0.016 350.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#EBC0D0

Rouge · Pink · Cherry Blossom

HEX
#EBC0D0
RGB
rgb(235, 192, 208)
HSL
hsl(338, 52%, 84%)
HSB
hsb(338, 18%, 92%)
CMYK
cmyk(0%, 18%, 11%, 8%)
Oklch
oklch(85.0% 0.053 354.0)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEDED7
DECED5

Analogous

CEDECF
CEDED7
CEDDDE

Triadic

CEDED7
D7CEDE
DED7CE

Split-Comp.

CEDED7
DECEDD
DECFCE

Tetradic

CEDED7
CFCEDE
DECED5
DDDECE

Contrast Matrix WCAG 2.1 Contrast

CEDED7
CBCCBA
D1B198
A1959A
EBC0D0
—
1.2
Fail
1.4
Fail
2.1
Fail
1.2
Fail
1.2
Fail
—
1.2
Fail
1.8
Fail
1.0
Fail
1.4
Fail
1.2
Fail
—
1.4
Fail
1.2
Fail
2.1
Fail
1.8
Fail
1.4
Fail
—
1.8
Fail
1.2
Fail
1.0
Fail
1.2
Fail
1.8
Fail
—
White BG
1.4Fail
1.6Fail
2.0Fail
2.9Fail
1.6Fail
Black BG
15.1AAA
12.9AAA
10.5AAA
7.3AAA
13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5D9
CBCBBE
C3C39E
9C9C99
D8D8CC

Deuteranopia

D4D3D9
CBCBBF
C5C7A0
9D9D99
DBDECB

Tritanopia

CFDADA
CBC2C3
CFA3A4
A09898
E9C9C8

Achromatopsia

D8D8D8
CACACA
B8B8B8
999999
CFCFCF

Shades & Tints Shades & Tints

#CEDED7

Dark
Light

#CBCCBA

Dark
Light

#D1B198

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ceded7;
  --color-2: #cbccba;
  --color-3: #d1b198;
  --color-4: #a1959a;
  --color-5: #ebc0d0;
}

SCSS

$color-1: #ceded7;
$color-2: #cbccba;
$color-3: #d1b198;
$color-4: #a1959a;
$color-5: #ebc0d0;

TAILWIND

colors: {
  'brand-1': '#ceded7',
  'brand-2': '#cbccba',
  'brand-3': '#d1b198',
  'brand-4': '#a1959a',
  'brand-5': '#ebc0d0',
}

RGB Array

[206, 222, 215], [203, 204, 186], [209, 177, 152], [161, 149, 154], [235, 192, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CEDED7, #CBCCBA, #D1B198, #A1959A, #EBC0D0 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: #ceded7; --color-2: #cbccba; --color-3: #d1b198; --color-4: #a1959a; --color-5: #ebc0d0. 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