← Back to Editor

#D3E0B5 · #F6FDCA · #E9D5BD · #A2917D · #774C55

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

#D3E0B5

Willow Green · LightGray · Apple Green

HEX
#D3E0B5
RGB
rgb(211, 224, 181)
HSL
hsl(78, 41%, 79%)
HSB
hsb(78, 19%, 88%)
CMYK
cmyk(6%, 0%, 19%, 12%)
Oklch
oklch(88.6% 0.059 121.3)

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

#F6FDCA

Fresh Green · Beige · Lemon Cream

HEX
#F6FDCA
RGB
rgb(246, 253, 202)
HSL
hsl(68, 93%, 89%)
HSB
hsb(68, 20%, 99%)
CMYK
cmyk(3%, 0%, 20%, 1%)
Oklch
oklch(97.6% 0.066 114.0)

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

#E9D5BD

Goose Yellow · Wheat · Peach Orange

HEX
#E9D5BD
RGB
rgb(233, 213, 189)
HSL
hsl(33, 50%, 83%)
HSB
hsb(33, 19%, 91%)
CMYK
cmyk(0%, 9%, 19%, 9%)
Oklch
oklch(88.3% 0.039 72.3)

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

#A2917D

Ginger · Gray · Warm Sun

HEX
#A2917D
RGB
rgb(162, 145, 125)
HSL
hsl(32, 17%, 56%)
HSB
hsb(32, 23%, 64%)
CMYK
cmyk(0%, 10%, 23%, 36%)
Oklch
oklch(66.6% 0.035 71.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#774C55

Crimson · DimGray · Wine Red

HEX
#774C55
RGB
rgb(119, 76, 85)
HSL
hsl(347, 22%, 38%)
HSB
hsb(347, 36%, 47%)
CMYK
cmyk(0%, 36%, 29%, 53%)
Oklch
oklch(46.8% 0.059 6.0)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3E0B5
C1B3DF

Analogous

DFD7B3
D3E0B5
BCDFB3

Triadic

D3E0B5
B3D2DF
DFB3D2

Split-Comp.

D3E0B5
B3BCDF
D7B3DF

Tetradic

D3E0B5
B3DFD7
C1B3DF
DFB3BC

Contrast Matrix WCAG 2.1 Contrast

D3E0B5
F6FDCA
E9D5BD
A2917D
774C55
—
1.3
Fail
1.0
Fail
2.2
Fail
5.1
AA
1.3
Fail
—
1.3
Fail
2.9
Fail
6.7
AA
1.0
Fail
1.3
Fail
—
2.1
Fail
5.0
AA
2.2
Fail
2.9
Fail
2.1
Fail
—
2.3
Fail
5.1
AA
6.7
AA
5.0
AA
2.3
Fail
—
White BG
1.4Fail
1.1Fail
1.4Fail
3.1AA Large
7.1AAA
Black BG
15.1AAA
19.8AAA
14.7AAA
6.9AA
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9BF
F9F9D6
E0E0C3
9B9A82
646453

Deuteranopia

D8D7C2
F9F8D9
E2E3C4
9C9D83
676A52

Tritanopia

D4C8C9
F6E0E2
E8C7C8
A18687
755151

Achromatopsia

D7D7D7
F5F5F5
D8D8D8
949494
5A5A5A

Shades & Tints Shades & Tints

#D3E0B5

Dark
Light

#F6FDCA

Dark
Light

#E9D5BD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3e0b5;
  --color-2: #f6fdca;
  --color-3: #e9d5bd;
  --color-4: #a2917d;
  --color-5: #774c55;
}

SCSS

$color-1: #d3e0b5;
$color-2: #f6fdca;
$color-3: #e9d5bd;
$color-4: #a2917d;
$color-5: #774c55;

TAILWIND

colors: {
  'brand-1': '#d3e0b5',
  'brand-2': '#f6fdca',
  'brand-3': '#e9d5bd',
  'brand-4': '#a2917d',
  'brand-5': '#774c55',
}

RGB Array

[211, 224, 181], [246, 253, 202], [233, 213, 189], [162, 145, 125], [119, 76, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D3E0B5, #F6FDCA, #E9D5BD, #A2917D, #774C55 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: #d3e0b5; --color-2: #f6fdca; --color-3: #e9d5bd; --color-4: #a2917d; --color-5: #774c55. 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