← Back to Editor

#A09484 · #D4C4A2 · #F4D3B0 · #DE8E8D · #4A5358

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

#A09484

Ginger · Gray · Warm Sun

HEX
#A09484
RGB
rgb(160, 148, 132)
HSL
hsl(34, 13%, 57%)
HSB
hsb(34, 17%, 63%)
CMYK
cmyk(0%, 7%, 17%, 37%)
Oklch
oklch(67.2% 0.027 75.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#D4C4A2

Goose Yellow · Tan · Sunflower

HEX
#D4C4A2
RGB
rgb(212, 196, 162)
HSL
hsl(41, 37%, 73%)
HSB
hsb(41, 24%, 83%)
CMYK
cmyk(0%, 8%, 24%, 17%)
Oklch
oklch(82.5% 0.049 85.8)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#F4D3B0

Goose Yellow · Wheat · Peach Orange

HEX
#F4D3B0
RGB
rgb(244, 211, 176)
HSL
hsl(31, 76%, 82%)
HSB
hsb(31, 28%, 96%)
CMYK
cmyk(0%, 14%, 28%, 4%)
Oklch
oklch(88.6% 0.059 68.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#DE8E8D

Peach Pink · DarkSalmon · Coral Red

HEX
#DE8E8D
RGB
rgb(222, 142, 141)
HSL
hsl(1, 55%, 71%)
HSB
hsb(1, 36%, 87%)
CMYK
cmyk(0%, 36%, 36%, 13%)
Oklch
oklch(72.8% 0.098 20.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#4A5358

Slate Blue · DarkSlateGray · Charcoal

HEX
#4A5358
RGB
rgb(74, 83, 88)
HSL
hsl(201, 9%, 32%)
HSB
hsb(201, 16%, 35%)
CMYK
cmyk(16%, 6%, 0%, 65%)
Oklch
oklch(43.6% 0.014 232.0)

Traditional「Slate Blue」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A09484
838FA0

Analogous

A08583
A09484
9EA083

Triadic

A09484
83A093
9383A0

Split-Comp.

A09484
839EA0
8583A0

Tetradic

A09484
83A085
838FA0
A0839E

Contrast Matrix WCAG 2.1 Contrast

A09484
D4C4A2
F4D3B0
DE8E8D
4A5358
—
1.7
Fail
2.1
Fail
1.2
Fail
2.6
Fail
1.7
Fail
—
1.2
Fail
1.5
Fail
4.6
AA
2.1
Fail
1.2
Fail
—
1.8
Fail
5.5
AA
1.2
Fail
1.5
Fail
1.8
Fail
—
3.1
AA Large
2.6
Fail
4.6
AA
5.5
AA
3.1
AA Large
—
White BG
3.0Fail
1.7Fail
1.4Fail
2.5Fail
7.9AAA
Black BG
7.1AAA
12.2AAA
14.8AAA
8.4AAA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9B88
CDCDAA
E6E5B8
BBBB8D
4E4E57

Deuteranopia

9C9C89
CECFAC
E8EABB
C0C68D
4D4D57

Tritanopia

9F8B8C
D3B1B2
F2BFC1
DA8D8D
4A5656

Achromatopsia

969696
C5C5C5
D9D9D9
A6A6A6
515151

Shades & Tints Shades & Tints

#A09484

Dark
Light

#D4C4A2

Dark
Light

#F4D3B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a09484;
  --color-2: #d4c4a2;
  --color-3: #f4d3b0;
  --color-4: #de8e8d;
  --color-5: #4a5358;
}

SCSS

$color-1: #a09484;
$color-2: #d4c4a2;
$color-3: #f4d3b0;
$color-4: #de8e8d;
$color-5: #4a5358;

TAILWIND

colors: {
  'brand-1': '#a09484',
  'brand-2': '#d4c4a2',
  'brand-3': '#f4d3b0',
  'brand-4': '#de8e8d',
  'brand-5': '#4a5358',
}

RGB Array

[160, 148, 132], [212, 196, 162], [244, 211, 176], [222, 142, 141], [74, 83, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A09484, #D4C4A2, #F4D3B0, #DE8E8D, #4A5358 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: #a09484; --color-2: #d4c4a2; --color-3: #f4d3b0; --color-4: #de8e8d; --color-5: #4a5358. 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