← Back to Editor

#D0B999 · #D5BCA8 · #DBCDCA · #DCD7DB · #EBECF1

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

#D0B999

Goose Yellow · Tan · Warm Sun

HEX
#D0B999
RGB
rgb(208, 185, 153)
HSL
hsl(35, 37%, 71%)
HSB
hsb(35, 26%, 82%)
CMYK
cmyk(0%, 11%, 26%, 18%)
Oklch
oklch(79.7% 0.051 76.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D5BCA8

Apricot · Tan · Warm Sun

HEX
#D5BCA8
RGB
rgb(213, 188, 168)
HSL
hsl(27, 35%, 75%)
HSB
hsb(27, 21%, 84%)
CMYK
cmyk(0%, 12%, 21%, 16%)
Oklch
oklch(81.1% 0.040 60.9)

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

#DBCDCA

Peach Pink · LightGray · Cherry Blossom

HEX
#DBCDCA
RGB
rgb(219, 205, 202)
HSL
hsl(11, 19%, 83%)
HSB
hsb(11, 8%, 86%)
CMYK
cmyk(0%, 6%, 8%, 14%)
Oklch
oklch(85.9% 0.016 32.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#DCD7DB

Silver Gray · LightGray · Pearl Gray

HEX
#DCD7DB
RGB
rgb(220, 215, 219)
HSL
hsl(312, 7%, 85%)
HSB
hsb(312, 2%, 86%)
CMYK
cmyk(0%, 2%, 0%, 14%)
Oklch
oklch(88.4% 0.008 332.1)

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

#EBECF1

Azure · Lavender · Sky Blue

HEX
#EBECF1
RGB
rgb(235, 236, 241)
HSL
hsl(230, 18%, 93%)
HSB
hsb(230, 2%, 95%)
CMYK
cmyk(2%, 2%, 0%, 5%)
Oklch
oklch(94.4% 0.007 277.2)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0B999
9AB0D0

Analogous

D09E9A
D0B999
CCD09A

Triadic

D0B999
9AD0BA
BA9AD0

Split-Comp.

D0B999
9ACCD0
9E9AD0

Tetradic

D0B999
9AD09E
9AB0D0
D09ACC

Contrast Matrix WCAG 2.1 Contrast

D0B999
D5BCA8
DBCDCA
DCD7DB
EBECF1
—
1.0
Fail
1.2
Fail
1.3
Fail
1.6
Fail
1.0
Fail
—
1.2
Fail
1.3
Fail
1.5
Fail
1.2
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.3
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
White BG
1.9Fail
1.8Fail
1.5Fail
1.4Fail
1.2Fail
Black BG
11.1AAA
11.6AAA
13.6AAA
14.8AAA
17.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C6A1
CACAAD
D5D5CB
DADADA
EBEBF0

Deuteranopia

C7C9A3
CCCEAE
D6D7CB
DADBDA
EBEBF0

Tritanopia

CFA7A8
D4B1B2
DACBCB
DCD9D9
EBEFEF

Achromatopsia

BCBCBC
C1C1C1
D1D1D1
D9D9D9
ECECEC

Shades & Tints Shades & Tints

#D0B999

Dark
Light

#D5BCA8

Dark
Light

#DBCDCA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0b999;
  --color-2: #d5bca8;
  --color-3: #dbcdca;
  --color-4: #dcd7db;
  --color-5: #ebecf1;
}

SCSS

$color-1: #d0b999;
$color-2: #d5bca8;
$color-3: #dbcdca;
$color-4: #dcd7db;
$color-5: #ebecf1;

TAILWIND

colors: {
  'brand-1': '#d0b999',
  'brand-2': '#d5bca8',
  'brand-3': '#dbcdca',
  'brand-4': '#dcd7db',
  'brand-5': '#ebecf1',
}

RGB Array

[208, 185, 153], [213, 188, 168], [219, 205, 202], [220, 215, 219], [235, 236, 241]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0B999, #D5BCA8, #DBCDCA, #DCD7DB, #EBECF1 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: #d0b999; --color-2: #d5bca8; --color-3: #dbcdca; --color-4: #dcd7db; --color-5: #ebecf1. 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