← Back to Editor

#D5D0B3 · #DA9979 · #E9E2D0 · #847359 · #F6DCCF

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

WorkspaceReadingData Visualization

Color Details Color Details

#D5D0B3

Fresh Green · Silver · Lemon Cream

HEX
#D5D0B3
RGB
rgb(213, 208, 179)
HSL
hsl(51, 29%, 77%)
HSB
hsb(51, 16%, 84%)
CMYK
cmyk(0%, 2%, 16%, 16%)
Oklch
oklch(85.4% 0.039 99.1)

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

#DA9979

Apricot · DarkSalmon · Warm Sun

HEX
#DA9979
RGB
rgb(218, 153, 121)
HSL
hsl(20, 57%, 66%)
HSB
hsb(20, 44%, 85%)
CMYK
cmyk(0%, 30%, 44%, 15%)
Oklch
oklch(73.9% 0.090 47.1)

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

#E9E2D0

Goose Yellow · Bisque · Lemon Cream

HEX
#E9E2D0
RGB
rgb(233, 226, 208)
HSL
hsl(43, 36%, 86%)
HSB
hsb(43, 11%, 91%)
CMYK
cmyk(0%, 3%, 11%, 9%)
Oklch
oklch(91.3% 0.025 89.2)

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

#847359

Ochre · DimGray · Amber Brown

HEX
#847359
RGB
rgb(132, 115, 89)
HSL
hsl(36, 19%, 43%)
HSB
hsb(36, 33%, 52%)
CMYK
cmyk(0%, 13%, 33%, 48%)
Oklch
oklch(56.4% 0.043 78.2)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#F6DCCF

Apricot · Bisque · Peach Orange

HEX
#F6DCCF
RGB
rgb(246, 220, 207)
HSL
hsl(20, 68%, 89%)
HSB
hsb(20, 16%, 96%)
CMYK
cmyk(0%, 11%, 16%, 4%)
Oklch
oklch(91.2% 0.034 48.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5D0B3
B3B8D5

Analogous

D5BFB3
D5D0B3
C9D5B3

Triadic

D5D0B3
B3D5D0
D0B3D5

Split-Comp.

D5D0B3
B3C9D5
BFB3D5

Tetradic

D5D0B3
B3D5BF
B3B8D5
D5B3C9

Contrast Matrix WCAG 2.1 Contrast

D5D0B3
DA9979
E9E2D0
847359
F6DCCF
—
1.5
Fail
1.2
Fail
2.9
Fail
1.2
Fail
1.5
Fail
—
1.8
Fail
1.9
Fail
1.8
Fail
1.2
Fail
1.8
Fail
—
3.6
AA Large
1.0
Fail
2.9
Fail
1.9
Fail
3.6
AA Large
—
3.5
AA Large
1.2
Fail
1.8
Fail
1.0
Fail
3.5
AA Large
—
White BG
1.6Fail
2.4Fail
1.3Fail
4.6AA
1.3Fail
Black BG
13.5AAA
8.8AAA
16.3AAA
4.6AA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3BA
BEBD81
E6E6D4
7D7C5F
EBEBD2

Deuteranopia

D3D4BC
C2C783
E6E7D5
7E7F61
ECEED3

Tritanopia

D5C0C1
D78788
E9D8D9
836465
F5D5D5

Achromatopsia

CECECE
A9A9A9
E2E2E2
757575
E2E2E2

Shades & Tints Shades & Tints

#D5D0B3

Dark
Light

#DA9979

Dark
Light

#E9E2D0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5d0b3;
  --color-2: #da9979;
  --color-3: #e9e2d0;
  --color-4: #847359;
  --color-5: #f6dccf;
}

SCSS

$color-1: #d5d0b3;
$color-2: #da9979;
$color-3: #e9e2d0;
$color-4: #847359;
$color-5: #f6dccf;

TAILWIND

colors: {
  'brand-1': '#d5d0b3',
  'brand-2': '#da9979',
  'brand-3': '#e9e2d0',
  'brand-4': '#847359',
  'brand-5': '#f6dccf',
}

RGB Array

[213, 208, 179], [218, 153, 121], [233, 226, 208], [132, 115, 89], [246, 220, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D5D0B3, #DA9979, #E9E2D0, #847359, #F6DCCF is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d5d0b3; --color-2: #da9979; --color-3: #e9e2d0; --color-4: #847359; --color-5: #f6dccf. 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 general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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