← Back to Editor

#CBD0B6 · #CDC3A4 · #D5ABA4 · #D888A2 · #6E615C

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CBD0B6

Willow Green · Silver · Apple Green

HEX
#CBD0B6
RGB
rgb(203, 208, 182)
HSL
hsl(72, 22%, 76%)
HSB
hsb(72, 12%, 82%)
CMYK
cmyk(2%, 0%, 12%, 18%)
Oklch
oklch(84.7% 0.036 116.0)

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

#CDC3A4

Goose Yellow · Tan · Sunflower

HEX
#CDC3A4
RGB
rgb(205, 195, 164)
HSL
hsl(45, 29%, 72%)
HSB
hsb(45, 20%, 80%)
CMYK
cmyk(0%, 5%, 20%, 20%)
Oklch
oklch(81.7% 0.043 92.2)

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

#D5ABA4

Peach Pink · Tan · Coral Red

HEX
#D5ABA4
RGB
rgb(213, 171, 164)
HSL
hsl(9, 37%, 74%)
HSB
hsb(9, 23%, 84%)
CMYK
cmyk(0%, 20%, 23%, 16%)
Oklch
oklch(77.7% 0.051 29.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D888A2

Rouge · LightCoral · Rose Pink

HEX
#D888A2
RGB
rgb(216, 136, 162)
HSL
hsl(341, 51%, 69%)
HSB
hsb(341, 37%, 85%)
CMYK
cmyk(0%, 37%, 25%, 15%)
Oklch
oklch(71.7% 0.102 359.0)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#6E615C

Tangerine · DimGray · Charcoal

HEX
#6E615C
RGB
rgb(110, 97, 92)
HSL
hsl(17, 9%, 40%)
HSB
hsb(17, 16%, 43%)
CMYK
cmyk(0%, 12%, 16%, 57%)
Oklch
oklch(50.3% 0.019 42.2)

Traditional「Tangerine」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBD0B6
BAB4CF

Analogous

CFC7B4
CBD0B6
BCCFB4

Triadic

CBD0B6
B4CACF
CFB4CA

Split-Comp.

CBD0B6
B4BCCF
C7B4CF

Tetradic

CBD0B6
B4CFC7
BAB4CF
CFB4BC

Contrast Matrix WCAG 2.1 Contrast

CBD0B6
CDC3A4
D5ABA4
D888A2
6E615C
—
1.1
Fail
1.3
Fail
1.7
Fail
3.8
AA Large
1.1
Fail
—
1.2
Fail
1.5
Fail
3.4
AA Large
1.3
Fail
1.2
Fail
—
1.3
Fail
2.9
Fail
1.7
Fail
1.5
Fail
1.3
Fail
—
2.3
Fail
3.8
AA Large
3.4
AA Large
2.9
Fail
2.3
Fail
—
White BG
1.6Fail
1.8Fail
2.1Fail
2.6Fail
6.0AA
Black BG
13.2AAA
11.9AAA
10.2AAA
8.0AAA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDBC
C9C9AC
C3C2A6
B5B59C
68685D

Deuteranopia

CDCDBE
C9CAAD
C5C8A6
BAC09A
696A5D

Tritanopia

CBC1C2
CDB1B3
D3A7A7
D49796
6D5E5E

Achromatopsia

CCCCCC
C2C2C2
B7B7B7
A3A3A3
646464

Shades & Tints Shades & Tints

#CBD0B6

Dark
Light

#CDC3A4

Dark
Light

#D5ABA4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbd0b6;
  --color-2: #cdc3a4;
  --color-3: #d5aba4;
  --color-4: #d888a2;
  --color-5: #6e615c;
}

SCSS

$color-1: #cbd0b6;
$color-2: #cdc3a4;
$color-3: #d5aba4;
$color-4: #d888a2;
$color-5: #6e615c;

TAILWIND

colors: {
  'brand-1': '#cbd0b6',
  'brand-2': '#cdc3a4',
  'brand-3': '#d5aba4',
  'brand-4': '#d888a2',
  'brand-5': '#6e615c',
}

RGB Array

[203, 208, 182], [205, 195, 164], [213, 171, 164], [216, 136, 162], [110, 97, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #CBD0B6, #CDC3A4, #D5ABA4, #D888A2, #6E615C 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: #cbd0b6; --color-2: #cdc3a4; --color-3: #d5aba4; --color-4: #d888a2; --color-5: #6e615c. 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 space-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