← Back to Editor

#DBD19E · #B2AE88 · #7D8877 · #906668 · #97364A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DBD19E

Fresh Green · BurlyWood · Sunflower

HEX
#DBD19E
RGB
rgb(219, 209, 158)
HSL
hsl(50, 46%, 74%)
HSB
hsb(50, 28%, 86%)
CMYK
cmyk(0%, 5%, 28%, 14%)
Oklch
oklch(85.6% 0.068 98.3)

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

#B2AE88

Fresh Green · Tan · Sunflower

HEX
#B2AE88
RGB
rgb(178, 174, 136)
HSL
hsl(54, 21%, 62%)
HSB
hsb(54, 24%, 70%)
CMYK
cmyk(0%, 2%, 24%, 30%)
Oklch
oklch(74.4% 0.052 102.6)

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

#7D8877

Ink Gray · Gray · Warm Gray

HEX
#7D8877
RGB
rgb(125, 136, 119)
HSL
hsl(99, 7%, 50%)
HSB
hsb(99, 12%, 53%)
CMYK
cmyk(8%, 0%, 12%, 47%)
Oklch
oklch(61.3% 0.028 134.4)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#906668

Crimson · Gray · Passion Red

HEX
#906668
RGB
rgb(144, 102, 104)
HSL
hsl(357, 17%, 48%)
HSB
hsb(357, 29%, 56%)
CMYK
cmyk(0%, 29%, 28%, 44%)
Oklch
oklch(55.4% 0.054 15.8)

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

#97364A

Crimson · Brown · Wine Red

HEX
#97364A
RGB
rgb(151, 54, 74)
HSL
hsl(348, 47%, 40%)
HSB
hsb(348, 64%, 59%)
CMYK
cmyk(0%, 64%, 51%, 41%)
Oklch
oklch(47.6% 0.130 11.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBD19E
9EA8DB

Analogous

DBB39E
DBD19E
C7DB9E

Triadic

DBD19E
9EDBD1
D19EDB

Split-Comp.

DBD19E
9EC7DB
B39EDB

Tetradic

DBD19E
9EDBB3
9EA8DB
DB9EC7

Contrast Matrix WCAG 2.1 Contrast

DBD19E
B2AE88
7D8877
906668
97364A
—
1.5
Fail
2.4
Fail
3.2
AA Large
4.6
AA
1.5
Fail
—
1.6
Fail
2.2
Fail
3.2
AA Large
2.4
Fail
1.6
Fail
—
1.3
Fail
1.9
Fail
3.2
AA Large
2.2
Fail
1.3
Fail
—
1.5
Fail
4.6
AA
3.2
AA Large
1.9
Fail
1.5
Fail
—
White BG
1.5Fail
2.3Fail
3.7AA Large
4.9AA
7.1AAA
Black BG
13.6AAA
9.3AAA
5.7AA
4.3AA Large
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7AA
B0B091
82827B
7E7D68
6D6C45

Deuteranopia

D7D8AD
B1B193
81807C
808367
737A44

Tritanopia

DAB4B6
B2989A
7E7E7F
8E6767
924141

Achromatopsia

CECECE
ABABAB
838383
737373
555555

Shades & Tints Shades & Tints

#DBD19E

Dark
Light

#B2AE88

Dark
Light

#7D8877

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbd19e;
  --color-2: #b2ae88;
  --color-3: #7d8877;
  --color-4: #906668;
  --color-5: #97364a;
}

SCSS

$color-1: #dbd19e;
$color-2: #b2ae88;
$color-3: #7d8877;
$color-4: #906668;
$color-5: #97364a;

TAILWIND

colors: {
  'brand-1': '#dbd19e',
  'brand-2': '#b2ae88',
  'brand-3': '#7d8877',
  'brand-4': '#906668',
  'brand-5': '#97364a',
}

RGB Array

[219, 209, 158], [178, 174, 136], [125, 136, 119], [144, 102, 104], [151, 54, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBD19E, #B2AE88, #7D8877, #906668, #97364A is ideal for: brand design, premium product pages, magazine layouts. 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: #dbd19e; --color-2: #b2ae88; --color-3: #7d8877; --color-4: #906668; --color-5: #97364a. 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. 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