← Back to Editor

#D9D5B6 · #C4C493 · #AFB370 · #A1AF79 · #93AA81

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 Library

Color Details Color Details

#D9D5B6

Fresh Green · Wheat · Lemon Cream

HEX
#D9D5B6
RGB
rgb(217, 213, 182)
HSL
hsl(53, 32%, 78%)
HSB
hsb(53, 16%, 85%)
CMYK
cmyk(0%, 2%, 16%, 15%)
Oklch
oklch(86.8% 0.042 101.2)

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

#C4C493

Fresh Green · Tan · Sunflower

HEX
#C4C493
RGB
rgb(196, 196, 147)
HSL
hsl(60, 29%, 67%)
HSB
hsb(60, 25%, 77%)
CMYK
cmyk(0%, 0%, 25%, 23%)
Oklch
oklch(80.8% 0.065 107.8)

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

#AFB370

Autumn Sage · Tan · Sunflower

HEX
#AFB370
RGB
rgb(175, 179, 112)
HSL
hsl(64, 31%, 57%)
HSB
hsb(64, 37%, 70%)
CMYK
cmyk(2%, 0%, 37%, 30%)
Oklch
oklch(74.8% 0.089 111.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#A1AF79

Grass Green · DarkSeaGreen · Olive Green

HEX
#A1AF79
RGB
rgb(161, 175, 121)
HSL
hsl(76, 25%, 58%)
HSB
hsb(76, 31%, 69%)
CMYK
cmyk(8%, 0%, 31%, 31%)
Oklch
oklch(72.9% 0.076 120.1)

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

#93AA81

Celadon · DarkSeaGreen · Olive Green

HEX
#93AA81
RGB
rgb(147, 170, 129)
HSL
hsl(94, 19%, 59%)
HSB
hsb(94, 24%, 67%)
CMYK
cmyk(14%, 0%, 24%, 33%)
Oklch
oklch(70.9% 0.063 131.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9D5B6
B5B9D9

Analogous

D9C3B5
D9D5B6
CBD9B5

Triadic

D9D5B6
B5D9D5
D5B5D9

Split-Comp.

D9D5B6
B5CBD9
C3B5D9

Tetradic

D9D5B6
B5D9C3
B5B9D9
D9B5CB

Contrast Matrix WCAG 2.1 Contrast

D9D5B6
C4C493
AFB370
A1AF79
93AA81
—
1.2
Fail
1.5
Fail
1.6
Fail
1.7
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
1.4
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
1.6
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.7
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
White BG
1.5Fail
1.8Fail
2.2Fail
2.4Fail
2.5Fail
Black BG
14.1AAA
11.7AAA
9.5AAA
8.9AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7BE
C4C49F
B1B180
A7A786
9D9D8B

Deuteranopia

D8D8BF
C4C4A2
B1B084
A6A589
9C9A8D

Tritanopia

D9C3C5
C4A8AA
AF8D90
A29093
949394

Achromatopsia

D3D3D3
BEBEBE
AAAAAA
A5A5A5
9E9E9E

Shades & Tints Shades & Tints

#D9D5B6

Dark
Light

#C4C493

Dark
Light

#AFB370

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9d5b6;
  --color-2: #c4c493;
  --color-3: #afb370;
  --color-4: #a1af79;
  --color-5: #93aa81;
}

SCSS

$color-1: #d9d5b6;
$color-2: #c4c493;
$color-3: #afb370;
$color-4: #a1af79;
$color-5: #93aa81;

TAILWIND

colors: {
  'brand-1': '#d9d5b6',
  'brand-2': '#c4c493',
  'brand-3': '#afb370',
  'brand-4': '#a1af79',
  'brand-5': '#93aa81',
}

RGB Array

[217, 213, 182], [196, 196, 147], [175, 179, 112], [161, 175, 121], [147, 170, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9D5B6, #C4C493, #AFB370, #A1AF79, #93AA81 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. 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: #d9d5b6; --color-2: #c4c493; --color-3: #afb370; --color-4: #a1af79; --color-5: #93aa81. 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. 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