← Back to Editor

#DBDBCF · #DAD3C3 · #D4C6B9 · #CEB6B4 · #B8A193

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

#DBDBCF

Fresh Green · LightGray · Lemon Cream

HEX
#DBDBCF
RGB
rgb(219, 219, 207)
HSL
hsl(60, 14%, 84%)
HSB
hsb(60, 5%, 86%)
CMYK
cmyk(0%, 0%, 5%, 14%)
Oklch
oklch(88.8% 0.016 106.7)

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

#DAD3C3

Goose Yellow · LightGray · Lemon Cream

HEX
#DAD3C3
RGB
rgb(218, 211, 195)
HSL
hsl(42, 24%, 81%)
HSB
hsb(42, 11%, 85%)
CMYK
cmyk(0%, 3%, 11%, 15%)
Oklch
oklch(86.8% 0.023 87.2)

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

#D4C6B9

Apricot · Silver · Peach Orange

HEX
#D4C6B9
RGB
rgb(212, 198, 185)
HSL
hsl(29, 24%, 78%)
HSB
hsb(29, 13%, 83%)
CMYK
cmyk(0%, 7%, 13%, 17%)
Oklch
oklch(83.4% 0.024 65.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#CEB6B4

Peach Pink · Silver · Coral Red

HEX
#CEB6B4
RGB
rgb(206, 182, 180)
HSL
hsl(5, 21%, 76%)
HSB
hsb(5, 13%, 81%)
CMYK
cmyk(0%, 12%, 13%, 19%)
Oklch
oklch(79.6% 0.028 23.4)

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

#B8A193

Apricot · DarkGray · Warm Sun

HEX
#B8A193
RGB
rgb(184, 161, 147)
HSL
hsl(23, 21%, 65%)
HSB
hsb(23, 20%, 72%)
CMYK
cmyk(0%, 13%, 20%, 28%)
Oklch
oklch(72.5% 0.034 53.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBDBCF
D0D0DC

Analogous

DCD6D0
DBDBCF
D6DCD0

Triadic

DBDBCF
D0DCDC
DCD0DC

Split-Comp.

DBDBCF
D0D6DC
D6D0DC

Tetradic

DBDBCF
D0DCD6
D0D0DC
DCD0D6

Contrast Matrix WCAG 2.1 Contrast

DBDBCF
DAD3C3
D4C6B9
CEB6B4
B8A193
—
1.1
Fail
1.2
Fail
1.4
Fail
1.8
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
1.8
Fail
1.6
Fail
1.5
Fail
1.3
Fail
—
White BG
1.4Fail
1.5Fail
1.7Fail
1.9Fail
2.5Fail
Black BG
15.0AAA
14.1AAA
12.6AAA
11.0AAA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBD2
D7D7C7
CECEBC
C4C3B4
AEAE96

Deuteranopia

DBDBD3
D7D8C8
CFD0BD
C5C7B5
AFB197

Tritanopia

DBD4D5
DACACB
D3BFBF
CDB5B5
B7999A

Achromatopsia

DADADA
D3D3D3
C9C9C9
BDBDBD
A6A6A6

Shades & Tints Shades & Tints

#DBDBCF

Dark
Light

#DAD3C3

Dark
Light

#D4C6B9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbdbcf;
  --color-2: #dad3c3;
  --color-3: #d4c6b9;
  --color-4: #ceb6b4;
  --color-5: #b8a193;
}

SCSS

$color-1: #dbdbcf;
$color-2: #dad3c3;
$color-3: #d4c6b9;
$color-4: #ceb6b4;
$color-5: #b8a193;

TAILWIND

colors: {
  'brand-1': '#dbdbcf',
  'brand-2': '#dad3c3',
  'brand-3': '#d4c6b9',
  'brand-4': '#ceb6b4',
  'brand-5': '#b8a193',
}

RGB Array

[219, 219, 207], [218, 211, 195], [212, 198, 185], [206, 182, 180], [184, 161, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBDBCF, #DAD3C3, #D4C6B9, #CEB6B4, #B8A193 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: #dbdbcf; --color-2: #dad3c3; --color-3: #d4c6b9; --color-4: #ceb6b4; --color-5: #b8a193. 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