← Back to Editor

#DBE2D1 · #CFC7BB · #D1BBB4 · #DB8687 · #4A4B50

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#DBE2D1

Willow Green · LightGray · Mint Green

HEX
#DBE2D1
RGB
rgb(219, 226, 209)
HSL
hsl(85, 23%, 85%)
HSB
hsb(85, 8%, 89%)
CMYK
cmyk(3%, 0%, 8%, 11%)
Oklch
oklch(90.3% 0.024 125.2)

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

#CFC7BB

Goose Yellow · Silver · Peach Orange

HEX
#CFC7BB
RGB
rgb(207, 199, 187)
HSL
hsl(36, 17%, 77%)
HSB
hsb(36, 10%, 81%)
CMYK
cmyk(0%, 4%, 10%, 19%)
Oklch
oklch(83.3% 0.019 78.2)

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

#D1BBB4

Peach Pink · Silver · Coral Red

HEX
#D1BBB4
RGB
rgb(209, 187, 180)
HSL
hsl(14, 24%, 76%)
HSB
hsb(14, 14%, 82%)
CMYK
cmyk(0%, 11%, 14%, 18%)
Oklch
oklch(80.9% 0.027 38.4)

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

#DB8687

Peach Pink · LightCoral · Coral Red

HEX
#DB8687
RGB
rgb(219, 134, 135)
HSL
hsl(359, 54%, 69%)
HSB
hsb(359, 39%, 86%)
CMYK
cmyk(0%, 39%, 38%, 14%)
Oklch
oklch(71.0% 0.105 19.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#4A4B50

Dark Cyan · DarkSlateGray · Charcoal

HEX
#4A4B50
RGB
rgb(74, 75, 80)
HSL
hsl(230, 4%, 30%)
HSB
hsb(230, 7%, 31%)
CMYK
cmyk(7%, 6%, 0%, 69%)
Oklch
oklch(41.4% 0.008 277.0)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBE2D1
D7D0E2

Analogous

E2E0D0
DBE2D1
D1E2D0

Triadic

DBE2D1
D0DAE2
E2D0DA

Split-Comp.

DBE2D1
D0D1E2
E0D0E2

Tetradic

DBE2D1
D0E2E0
D7D0E2
E2D0D1

Contrast Matrix WCAG 2.1 Contrast

DBE2D1
CFC7BB
D1BBB4
DB8687
4A4B50
—
1.3
Fail
1.4
Fail
2.0
Fail
6.6
AA
1.3
Fail
—
1.1
Fail
1.6
Fail
5.2
AA
1.4
Fail
1.1
Fail
—
1.5
Fail
4.8
AA
2.0
Fail
1.6
Fail
1.5
Fail
—
3.2
AA Large
6.6
AA
5.2
AA
4.8
AA
3.2
AA Large
—
White BG
1.3Fail
1.7Fail
1.8Fail
2.7Fail
8.7AAA
Black BG
15.8AAA
12.5AAA
11.5AAA
7.8AAA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDED5
CCCBBE
C7C7B6
B6B587
4A4A4F

Deuteranopia

DEDDD6
CCCDBF
C9CAB6
BBC187
4A4A4F

Tritanopia

DBD8D9
CFC0C1
D0B7B7
D78787
4A4E4E

Achromatopsia

DEDEDE
C8C8C8
C1C1C1
A0A0A0
4B4B4B

Shades & Tints Shades & Tints

#DBE2D1

Dark
Light

#CFC7BB

Dark
Light

#D1BBB4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbe2d1;
  --color-2: #cfc7bb;
  --color-3: #d1bbb4;
  --color-4: #db8687;
  --color-5: #4a4b50;
}

SCSS

$color-1: #dbe2d1;
$color-2: #cfc7bb;
$color-3: #d1bbb4;
$color-4: #db8687;
$color-5: #4a4b50;

TAILWIND

colors: {
  'brand-1': '#dbe2d1',
  'brand-2': '#cfc7bb',
  'brand-3': '#d1bbb4',
  'brand-4': '#db8687',
  'brand-5': '#4a4b50',
}

RGB Array

[219, 226, 209], [207, 199, 187], [209, 187, 180], [219, 134, 135], [74, 75, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #DBE2D1, #CFC7BB, #D1BBB4, #DB8687, #4A4B50 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #dbe2d1; --color-2: #cfc7bb; --color-3: #d1bbb4; --color-4: #db8687; --color-5: #4a4b50. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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