← Back to Editor

#A7AD88 · #DED97B · #D5C129 · #150309 · #C2A7AE

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

#A7AD88

Willow Green · DarkSeaGreen · Apple Green

HEX
#A7AD88
RGB
rgb(167, 173, 136)
HSL
hsl(70, 18%, 61%)
HSB
hsb(70, 21%, 68%)
CMYK
cmyk(3%, 0%, 21%, 32%)
Oklch
oklch(73.3% 0.052 115.2)

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

#DED97B

Fresh Green · Khaki · Sunflower

HEX
#DED97B
RGB
rgb(222, 217, 123)
HSL
hsl(57, 60%, 68%)
HSB
hsb(57, 45%, 87%)
CMYK
cmyk(0%, 2%, 45%, 13%)
Oklch
oklch(86.9% 0.117 105.9)

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

#D5C129

Autumn Sage · GoldenRod · Honey Gold

HEX
#D5C129
RGB
rgb(213, 193, 41)
HSL
hsl(53, 68%, 50%)
HSB
hsb(53, 81%, 84%)
CMYK
cmyk(0%, 9%, 81%, 16%)
Oklch
oklch(80.4% 0.158 101.2)

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

#150309

Dark Violet · Black · Raspberry

HEX
#150309
RGB
rgb(21, 3, 9)
HSL
hsl(340, 75%, 5%)
HSB
hsb(340, 86%, 8%)
CMYK
cmyk(0%, 86%, 57%, 92%)
Oklch
oklch(14.0% 0.039 357.8)

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

#C2A7AE

Rouge · DarkGray · Rose Pink

HEX
#C2A7AE
RGB
rgb(194, 167, 174)
HSL
hsl(344, 18%, 71%)
HSB
hsb(344, 14%, 76%)
CMYK
cmyk(0%, 14%, 10%, 24%)
Oklch
oklch(75.4% 0.033 0.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A7AD88
908AAD

Analogous

ADA28A
A7AD88
96AD8A

Triadic

A7AD88
8AA7AD
AD8AA7

Split-Comp.

A7AD88
8A96AD
A28AAD

Tetradic

A7AD88
8AADA2
908AAD
AD8A96

Contrast Matrix WCAG 2.1 Contrast

A7AD88
DED97B
D5C129
150309
C2A7AE
—
1.6
Fail
1.3
Fail
8.6
AAA
1.1
Fail
1.6
Fail
—
1.2
Fail
13.7
AAA
1.5
Fail
1.3
Fail
1.2
Fail
—
11.0
AAA
1.2
Fail
8.6
AAA
13.7
AAA
11.0
AAA
—
9.0
AAA
1.1
Fail
1.5
Fail
1.2
Fail
9.0
AAA
—
White BG
2.3Fail
1.5Fail
1.8Fail
20.0AAA
2.2Fail
Black BG
9.0AAA
14.3AAA
11.5AAA
1.0Fail
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAA91
DCDC92
CCCC4E
0D0D08
B6B6AC

Deuteranopia

A9A993
DCDC97
CECF57
0E1007
B8BAAC

Tritanopia

A7989A
DEA4A8
D46B71
140606
C1ABAB

Achromatopsia

A7A7A7
D0D0D0
B6B6B6
090909
B0B0B0

Shades & Tints Shades & Tints

#A7AD88

Dark
Light

#DED97B

Dark
Light

#D5C129

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a7ad88;
  --color-2: #ded97b;
  --color-3: #d5c129;
  --color-4: #150309;
  --color-5: #c2a7ae;
}

SCSS

$color-1: #a7ad88;
$color-2: #ded97b;
$color-3: #d5c129;
$color-4: #150309;
$color-5: #c2a7ae;

TAILWIND

colors: {
  'brand-1': '#a7ad88',
  'brand-2': '#ded97b',
  'brand-3': '#d5c129',
  'brand-4': '#150309',
  'brand-5': '#c2a7ae',
}

RGB Array

[167, 173, 136], [222, 217, 123], [213, 193, 41], [21, 3, 9], [194, 167, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A7AD88, #DED97B, #D5C129, #150309, #C2A7AE 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: #a7ad88; --color-2: #ded97b; --color-3: #d5c129; --color-4: #150309; --color-5: #c2a7ae. 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