← Back to Editor

#DAE4B6 · #D5BDAB · #A97882 · #7F4A60 · #324049

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#DAE4B6

Willow Green · Wheat · Apple Green

HEX
#DAE4B6
RGB
rgb(218, 228, 182)
HSL
hsl(73, 46%, 80%)
HSB
hsb(73, 20%, 89%)
CMYK
cmyk(4%, 0%, 20%, 11%)
Oklch
oklch(90.0% 0.062 117.6)

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

#D5BDAB

Apricot · Silver · Warm Sun

HEX
#D5BDAB
RGB
rgb(213, 189, 171)
HSL
hsl(26, 33%, 75%)
HSB
hsb(26, 20%, 84%)
CMYK
cmyk(0%, 11%, 20%, 16%)
Oklch
oklch(81.4% 0.037 59.1)

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

#A97882

Crimson · Gray · Passion Red

HEX
#A97882
RGB
rgb(169, 120, 130)
HSL
hsl(348, 22%, 57%)
HSB
hsb(348, 29%, 66%)
CMYK
cmyk(0%, 29%, 23%, 34%)
Oklch
oklch(62.5% 0.063 5.6)

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

#7F4A60

Dark Violet · DimGray · Camellia

HEX
#7F4A60
RGB
rgb(127, 74, 96)
HSL
hsl(335, 26%, 39%)
HSB
hsb(335, 42%, 50%)
CMYK
cmyk(0%, 42%, 24%, 50%)
Oklch
oklch(47.8% 0.077 354.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#324049

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#324049
RGB
rgb(50, 64, 73)
HSL
hsl(203, 19%, 24%)
HSB
hsb(203, 32%, 29%)
CMYK
cmyk(32%, 12%, 0%, 71%)
Oklch
oklch(36.3% 0.024 236.5)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAE4B6
BFB5E3

Analogous

E3D6B5
DAE4B6
C2E3B5

Triadic

DAE4B6
B5D9E3
E3B5D9

Split-Comp.

DAE4B6
B5C2E3
D6B5E3

Tetradic

DAE4B6
B5E3D6
BFB5E3
E3B5C2

Contrast Matrix WCAG 2.1 Contrast

DAE4B6
D5BDAB
A97882
7F4A60
324049
—
1.3
Fail
2.8
Fail
5.2
AA
8.0
AAA
1.3
Fail
—
2.1
Fail
3.8
AA Large
6.0
AA
2.8
Fail
2.1
Fail
—
1.9
Fail
2.9
Fail
5.2
AA
3.8
AA Large
1.9
Fail
—
1.6
Fail
8.0
AAA
6.0
AA
2.9
Fail
1.6
Fail
—
White BG
1.3Fail
1.8Fail
3.7AA Large
6.9AA
10.7AAA
Black BG
15.8AAA
11.7AAA
5.7AA
3.1AA Large
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDEC1
CBCAAF
949380
68685B
383847

Deuteranopia

DEDDC4
CCCEB0
979A7F
6B6F59
373646

Tritanopia

DBCACC
D4B3B4
A77E7D
7C5656
334545

Achromatopsia

DCDCDC
C2C2C2
888888
5C5C5C
3D3D3D

Shades & Tints Shades & Tints

#DAE4B6

Dark
Light

#D5BDAB

Dark
Light

#A97882

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dae4b6;
  --color-2: #d5bdab;
  --color-3: #a97882;
  --color-4: #7f4a60;
  --color-5: #324049;
}

SCSS

$color-1: #dae4b6;
$color-2: #d5bdab;
$color-3: #a97882;
$color-4: #7f4a60;
$color-5: #324049;

TAILWIND

colors: {
  'brand-1': '#dae4b6',
  'brand-2': '#d5bdab',
  'brand-3': '#a97882',
  'brand-4': '#7f4a60',
  'brand-5': '#324049',
}

RGB Array

[218, 228, 182], [213, 189, 171], [169, 120, 130], [127, 74, 96], [50, 64, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAE4B6, #D5BDAB, #A97882, #7F4A60, #324049 is ideal for: brand design, premium product pages, magazine layouts, 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: #dae4b6; --color-2: #d5bdab; --color-3: #a97882; --color-4: #7f4a60; --color-5: #324049. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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. 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