← Back to Editor

#756E44 · #9DA99B · #DCB594 · #D5D4B6 · #DBC37B

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 LibraryData Visualization

Color Details Color Details

#756E44

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#756E44
RGB
rgb(117, 110, 68)
HSL
hsl(51, 26%, 36%)
HSB
hsb(51, 42%, 46%)
CMYK
cmyk(0%, 6%, 42%, 54%)
Oklch
oklch(53.4% 0.061 100.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#9DA99B

Celadon · DarkGray · Silver Sand

HEX
#9DA99B
RGB
rgb(157, 169, 155)
HSL
hsl(111, 8%, 64%)
HSB
hsb(111, 8%, 66%)
CMYK
cmyk(7%, 0%, 8%, 34%)
Oklch
oklch(72.1% 0.024 141.2)

Traditional「Celadon」· Paint「Silver Sand」· Creative Urban Concrete

#DCB594

Apricot · Tan · Warm Sun

HEX
#DCB594
RGB
rgb(220, 181, 148)
HSL
hsl(27, 51%, 72%)
HSB
hsb(27, 33%, 86%)
CMYK
cmyk(0%, 18%, 33%, 14%)
Oklch
oklch(79.9% 0.064 62.0)

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

#D5D4B6

Fresh Green · LightGray · Lemon Cream

HEX
#D5D4B6
RGB
rgb(213, 212, 182)
HSL
hsl(58, 27%, 77%)
HSB
hsb(58, 15%, 84%)
CMYK
cmyk(0%, 0%, 15%, 16%)
Oklch
oklch(86.3% 0.040 105.6)

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

#DBC37B

Ginger · BurlyWood · Sunflower

HEX
#DBC37B
RGB
rgb(219, 195, 123)
HSL
hsl(45, 57%, 67%)
HSB
hsb(45, 44%, 86%)
CMYK
cmyk(0%, 11%, 44%, 14%)
Oklch
oklch(82.2% 0.095 91.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

756E44
444B74

Analogous

745544
756E44
637444

Triadic

756E44
44746D
6D4474

Split-Comp.

756E44
446374
554474

Tetradic

756E44
447455
444B74
744463

Contrast Matrix WCAG 2.1 Contrast

756E44
9DA99B
DCB594
D5D4B6
DBC37B
—
2.1
Fail
2.7
Fail
3.4
AA Large
3.0
Fail
2.1
Fail
—
1.3
Fail
1.6
Fail
1.4
Fail
2.7
Fail
1.3
Fail
—
1.3
Fail
1.1
Fail
3.4
AA Large
1.6
Fail
1.3
Fail
—
1.2
Fail
3.0
Fail
1.4
Fail
1.1
Fail
1.2
Fail
—
White BG
5.2AA
2.4Fail
1.9Fail
1.5Fail
1.7Fail
Black BG
4.1AA Large
8.6AAA
11.1AAA
13.9AAA
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

72724E
A2A29E
CBCB9C
D5D5BD
D1D08C

Deuteranopia

727351
A2A19F
CDD09E
D5D5BF
D2D491

Tritanopia

755658
9EA1A2
DAA2A4
D5C3C4
DA9A9D

Achromatopsia

6B6B6B
A4A4A4
BDBDBD
D1D1D1
C2C2C2

Shades & Tints Shades & Tints

#756E44

Dark
Light

#9DA99B

Dark
Light

#DCB594

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #756e44;
  --color-2: #9da99b;
  --color-3: #dcb594;
  --color-4: #d5d4b6;
  --color-5: #dbc37b;
}

SCSS

$color-1: #756e44;
$color-2: #9da99b;
$color-3: #dcb594;
$color-4: #d5d4b6;
$color-5: #dbc37b;

TAILWIND

colors: {
  'brand-1': '#756e44',
  'brand-2': '#9da99b',
  'brand-3': '#dcb594',
  'brand-4': '#d5d4b6',
  'brand-5': '#dbc37b',
}

RGB Array

[117, 110, 68], [157, 169, 155], [220, 181, 148], [213, 212, 182], [219, 195, 123]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #756E44, #9DA99B, #DCB594, #D5D4B6, #DBC37B is ideal for: 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: #756e44; --color-2: #9da99b; --color-3: #dcb594; --color-4: #d5d4b6; --color-5: #dbc37b. 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. 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