← Back to Editor

#A8A084 · #3E414A · #D0CABA · #FBFFFD · #FFDA80

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#A8A084

Ginger · DarkGray · Sunflower

HEX
#A8A084
RGB
rgb(168, 160, 132)
HSL
hsl(47, 17%, 59%)
HSB
hsb(47, 21%, 66%)
CMYK
cmyk(0%, 5%, 21%, 34%)
Oklch
oklch(70.5% 0.040 93.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#3E414A

Indigo · DarkSlateGray · Charcoal

HEX
#3E414A
RGB
rgb(62, 65, 74)
HSL
hsl(225, 9%, 27%)
HSB
hsb(225, 16%, 29%)
CMYK
cmyk(16%, 12%, 0%, 71%)
Oklch
oklch(37.6% 0.016 271.0)

Traditional「Indigo」· Paint「Charcoal」· Creative Midnight Shadow

#D0CABA

Goose Yellow · Silver · Lemon Cream

HEX
#D0CABA
RGB
rgb(208, 202, 186)
HSL
hsl(44, 19%, 77%)
HSB
hsb(44, 11%, 82%)
CMYK
cmyk(0%, 3%, 11%, 18%)
Oklch
oklch(83.9% 0.023 89.8)

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

#FBFFFD

Jade · White · Mint Green

HEX
#FBFFFD
RGB
rgb(251, 255, 253)
HSL
hsl(150, 100%, 99%)
HSB
hsb(150, 2%, 100%)
CMYK
cmyk(2%, 0%, 1%, 0%)
Oklch
oklch(99.6% 0.005 165.0)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#FFDA80

Goose Yellow · Khaki · Sunflower

HEX
#FFDA80
RGB
rgb(255, 218, 128)
HSL
hsl(43, 100%, 75%)
HSB
hsb(43, 50%, 100%)
CMYK
cmyk(0%, 15%, 50%, 0%)
Oklch
oklch(90.1% 0.117 87.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8A084
858CA8

Analogous

A88F85
A8A084
9EA885

Triadic

A8A084
85A8A1
A185A8

Split-Comp.

A8A084
859EA8
8F85A8

Tetradic

A8A084
85A88F
858CA8
A8859E

Contrast Matrix WCAG 2.1 Contrast

A8A084
3E414A
D0CABA
FBFFFD
FFDA80
—
3.9
AA Large
1.6
Fail
2.6
Fail
1.9
Fail
3.9
AA Large
—
6.2
AA
10.1
AAA
7.6
AAA
1.6
Fail
6.2
AA
—
1.6
Fail
1.2
Fail
2.6
Fail
10.1
AAA
1.6
Fail
—
1.3
Fail
1.9
Fail
7.6
AAA
1.2
Fail
1.3
Fail
—
White BG
2.6Fail
10.2AAA
1.6Fail
1.0Fail
1.3Fail
Black BG
8.0AAA
2.1Fail
12.8AAA
20.8AAA
15.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A48B
3F3F48
CDCDBE
FDFDFD
EFEF96

Deuteranopia

A5A68C
3F3F47
CECEBF
FDFCFE
F1F49B

Tritanopia

A89091
3E4646
D0C1C2
FBFEFE
FDA7AB

Achromatopsia

9F9F9F
414141
CACACA
FEFEFE
DBDBDB

Shades & Tints Shades & Tints

#A8A084

Dark
Light

#3E414A

Dark
Light

#D0CABA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8a084;
  --color-2: #3e414a;
  --color-3: #d0caba;
  --color-4: #fbfffd;
  --color-5: #ffda80;
}

SCSS

$color-1: #a8a084;
$color-2: #3e414a;
$color-3: #d0caba;
$color-4: #fbfffd;
$color-5: #ffda80;

TAILWIND

colors: {
  'brand-1': '#a8a084',
  'brand-2': '#3e414a',
  'brand-3': '#d0caba',
  'brand-4': '#fbfffd',
  'brand-5': '#ffda80',
}

RGB Array

[168, 160, 132], [62, 65, 74], [208, 202, 186], [251, 255, 253], [255, 218, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A8A084, #3E414A, #D0CABA, #FBFFFD, #FFDA80 is ideal for: health products, baby brands, fresh-style blogs, 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: #a8a084; --color-2: #3e414a; --color-3: #d0caba; --color-4: #fbfffd; --color-5: #ffda80. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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