← Back to Editor

#D9C084 · #A4B494 · #519872 · #3B5249 · #34252F

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

#D9C084

Ginger · BurlyWood · Sunflower

HEX
#D9C084
RGB
rgb(217, 192, 132)
HSL
hsl(42, 53%, 68%)
HSB
hsb(42, 39%, 85%)
CMYK
cmyk(0%, 12%, 39%, 15%)
Oklch
oklch(81.5% 0.083 87.9)

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

#A4B494

Celadon · DarkSeaGreen · Apple Green

HEX
#A4B494
RGB
rgb(164, 180, 148)
HSL
hsl(90, 18%, 64%)
HSB
hsb(90, 18%, 71%)
CMYK
cmyk(9%, 0%, 18%, 29%)
Oklch
oklch(74.9% 0.048 129.2)

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

#519872

Celadon · MediumSeaGreen · Olive Green

HEX
#519872
RGB
rgb(81, 152, 114)
HSL
hsl(148, 30%, 46%)
HSB
hsb(148, 47%, 60%)
CMYK
cmyk(47%, 0%, 25%, 40%)
Oklch
oklch(62.2% 0.093 158.7)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#3B5249

Mineral Blue · DarkSlateGray · Forest Green

HEX
#3B5249
RGB
rgb(59, 82, 73)
HSL
hsl(157, 16%, 28%)
HSB
hsb(157, 28%, 32%)
CMYK
cmyk(28%, 0%, 11%, 68%)
Oklch
oklch(41.7% 0.032 168.7)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#34252F

Rose Purple · DarkSlateGray · Raspberry

HEX
#34252F
RGB
rgb(52, 37, 47)
HSL
hsl(320, 17%, 17%)
HSB
hsb(320, 29%, 20%)
CMYK
cmyk(0%, 29%, 10%, 80%)
Oklch
oklch(28.6% 0.028 339.1)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9C084
829CD9

Analogous

D99382
D9C084
C7D982

Triadic

D9C084
82D9BF
BF82D9

Split-Comp.

D9C084
82C7D9
9382D9

Tetradic

D9C084
82D993
829CD9
D982C7

Contrast Matrix WCAG 2.1 Contrast

D9C084
A4B494
519872
3B5249
34252F
—
1.2
Fail
1.9
Fail
4.8
AA
8.1
AAA
1.2
Fail
—
1.6
Fail
3.8
AA Large
6.6
AA
1.9
Fail
1.6
Fail
—
2.4
Fail
4.2
AA Large
4.8
AA
3.8
AA Large
2.4
Fail
—
1.7
Fail
8.1
AAA
6.6
AA
4.2
AA Large
1.7
Fail
—
White BG
1.8Fail
2.2Fail
3.5AA Large
8.4AAA
14.5AAA
Black BG
11.8AAA
9.5AAA
6.1AA
2.5Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECE93
ABAB9C
70707B
45454B
2E2D2D

Deuteranopia

D0D196
AAA99E
6C667D
44424C
2E302C

Tritanopia

D89EA1
A5A2A3
558284
3C4D4D
332B2A

Achromatopsia

C1C1C1
ACACAC
7E7E7E
4A4A4A
2B2B2B

Shades & Tints Shades & Tints

#D9C084

Dark
Light

#A4B494

Dark
Light

#519872

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9c084;
  --color-2: #a4b494;
  --color-3: #519872;
  --color-4: #3b5249;
  --color-5: #34252f;
}

SCSS

$color-1: #d9c084;
$color-2: #a4b494;
$color-3: #519872;
$color-4: #3b5249;
$color-5: #34252f;

TAILWIND

colors: {
  'brand-1': '#d9c084',
  'brand-2': '#a4b494',
  'brand-3': '#519872',
  'brand-4': '#3b5249',
  'brand-5': '#34252f',
}

RGB Array

[217, 192, 132], [164, 180, 148], [81, 152, 114], [59, 82, 73], [52, 37, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9C084, #A4B494, #519872, #3B5249, #34252F 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: #d9c084; --color-2: #a4b494; --color-3: #519872; --color-4: #3b5249; --color-5: #34252f. 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