← Back to Editor

#D2BD94 · #FAA378 · #BFB886 · #8DC992 · #B8B08A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D2BD94

Ginger · Tan · Sunflower

HEX
#D2BD94
RGB
rgb(210, 189, 148)
HSL
hsl(40, 41%, 70%)
HSB
hsb(40, 30%, 82%)
CMYK
cmyk(0%, 10%, 30%, 18%)
Oklch
oklch(80.6% 0.060 83.9)

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

#FAA378

Apricot · LightSalmon · Warm Sun

HEX
#FAA378
RGB
rgb(250, 163, 120)
HSL
hsl(20, 93%, 73%)
HSB
hsb(20, 52%, 98%)
CMYK
cmyk(0%, 35%, 52%, 2%)
Oklch
oklch(79.3% 0.119 46.8)

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

#BFB886

Fresh Green · Tan · Sunflower

HEX
#BFB886
RGB
rgb(191, 184, 134)
HSL
hsl(53, 31%, 64%)
HSB
hsb(53, 30%, 75%)
CMYK
cmyk(0%, 4%, 30%, 25%)
Oklch
oklch(77.6% 0.067 101.1)

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

#8DC992

Celadon · DarkSeaGreen · Apple Green

HEX
#8DC992
RGB
rgb(141, 201, 146)
HSL
hsl(125, 36%, 67%)
HSB
hsb(125, 30%, 79%)
CMYK
cmyk(30%, 0%, 27%, 21%)
Oklch
oklch(78.0% 0.099 146.6)

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

#B8B08A

Fresh Green · Tan · Sunflower

HEX
#B8B08A
RGB
rgb(184, 176, 138)
HSL
hsl(50, 24%, 63%)
HSB
hsb(50, 25%, 72%)
CMYK
cmyk(0%, 4%, 25%, 28%)
Oklch
oklch(75.4% 0.053 97.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2BD94
93A8D2

Analogous

D29E93
D2BD94
C7D293

Triadic

D2BD94
93D2BD
BD93D2

Split-Comp.

D2BD94
93C7D2
9E93D2

Tetradic

D2BD94
93D29E
93A8D2
D293C7

Contrast Matrix WCAG 2.1 Contrast

D2BD94
FAA378
BFB886
8DC992
B8B08A
—
1.1
Fail
1.1
Fail
1.0
Fail
1.2
Fail
1.1
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
White BG
1.8Fail
2.0Fail
2.0Fail
1.9Fail
2.2Fail
Black BG
11.4AAA
10.6AAA
10.4AAA
10.9AAA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C99E
D4D482
BCBC92
A7A89F
B5B493

Deuteranopia

CACCA0
D9E085
BCBD95
A49FA3
B5B695

Tritanopia

D1A6A7
F68B8C
BF9C9E
90AAAC
B89A9C

Achromatopsia

BFBFBF
B8B8B8
B4B4B4
B1B1B1
AEAEAE

Shades & Tints Shades & Tints

#D2BD94

Dark
Light

#FAA378

Dark
Light

#BFB886

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2bd94;
  --color-2: #faa378;
  --color-3: #bfb886;
  --color-4: #8dc992;
  --color-5: #b8b08a;
}

SCSS

$color-1: #d2bd94;
$color-2: #faa378;
$color-3: #bfb886;
$color-4: #8dc992;
$color-5: #b8b08a;

TAILWIND

colors: {
  'brand-1': '#d2bd94',
  'brand-2': '#faa378',
  'brand-3': '#bfb886',
  'brand-4': '#8dc992',
  'brand-5': '#b8b08a',
}

RGB Array

[210, 189, 148], [250, 163, 120], [191, 184, 134], [141, 201, 146], [184, 176, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D2BD94, #FAA378, #BFB886, #8DC992, #B8B08A is ideal for: health products, baby brands, fresh-style blogs. 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: #d2bd94; --color-2: #faa378; --color-3: #bfb886; --color-4: #8dc992; --color-5: #b8b08a. 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. 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