← Back to Editor

#D6D2A8 · #C27682 · #AADB7F · #F29B7F · #898760

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

#D6D2A8

Fresh Green · Wheat · Sunflower

HEX
#D6D2A8
RGB
rgb(214, 210, 168)
HSL
hsl(55, 36%, 75%)
HSB
hsb(55, 21%, 84%)
CMYK
cmyk(0%, 2%, 21%, 16%)
Oklch
oklch(85.6% 0.056 103.0)

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

#C27682

Peach Pink · LightCoral · Coral Red

HEX
#C27682
RGB
rgb(194, 118, 130)
HSL
hsl(351, 38%, 61%)
HSB
hsb(351, 39%, 76%)
CMYK
cmyk(0%, 39%, 33%, 24%)
Oklch
oklch(65.1% 0.096 9.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#AADB7F

Emerald · LightGreen · Apple Green

HEX
#AADB7F
RGB
rgb(170, 219, 127)
HSL
hsl(92, 56%, 68%)
HSB
hsb(92, 42%, 86%)
CMYK
cmyk(22%, 0%, 42%, 14%)
Oklch
oklch(83.6% 0.131 131.6)

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

#F29B7F

Apricot · DarkSalmon · Warm Sun

HEX
#F29B7F
RGB
rgb(242, 155, 127)
HSL
hsl(15, 82%, 72%)
HSB
hsb(15, 48%, 95%)
CMYK
cmyk(0%, 36%, 48%, 5%)
Oklch
oklch(77.1% 0.112 38.6)

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

#898760

Autumn Sage · Gray · Honey Gold

HEX
#898760
RGB
rgb(137, 135, 96)
HSL
hsl(57, 18%, 46%)
HSB
hsb(57, 30%, 54%)
CMYK
cmyk(0%, 1%, 30%, 46%)
Oklch
oklch(61.5% 0.055 105.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6D2A8
A8ACD6

Analogous

D6BBA8
D6D2A8
C3D6A8

Triadic

D6D2A8
A8D6D2
D2A8D6

Split-Comp.

D6D2A8
A8C3D6
BBA8D6

Tetradic

D6D2A8
A8D6BB
A8ACD6
D6A8C3

Contrast Matrix WCAG 2.1 Contrast

D6D2A8
C27682
AADB7F
F29B7F
898760
—
2.2
Fail
1.0
Fail
1.4
Fail
2.4
Fail
2.2
Fail
—
2.1
Fail
1.6
Fail
1.1
Fail
1.0
Fail
2.1
Fail
—
1.3
Fail
2.3
Fail
1.4
Fail
1.6
Fail
1.3
Fail
—
1.7
Fail
2.4
Fail
1.1
Fail
2.3
Fail
1.7
Fail
—
White BG
1.5Fail
3.4AA Large
1.6Fail
2.1Fail
3.7AA Large
Black BG
13.6AAA
6.2AA
13.1AAA
9.8AAA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4B2
A1A07F
BFC095
CCCC86
888869

Deuteranopia

D5D5B5
A6AB7E
BCB99B
D1D887
88886C

Tritanopia

D6BABC
BE7D7C
ACA7AB
EE8B8C
897173

Achromatopsia

CECECE
8E8E8E
C2C2C2
B2B2B2
838383

Shades & Tints Shades & Tints

#D6D2A8

Dark
Light

#C27682

Dark
Light

#AADB7F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6d2a8;
  --color-2: #c27682;
  --color-3: #aadb7f;
  --color-4: #f29b7f;
  --color-5: #898760;
}

SCSS

$color-1: #d6d2a8;
$color-2: #c27682;
$color-3: #aadb7f;
$color-4: #f29b7f;
$color-5: #898760;

TAILWIND

colors: {
  'brand-1': '#d6d2a8',
  'brand-2': '#c27682',
  'brand-3': '#aadb7f',
  'brand-4': '#f29b7f',
  'brand-5': '#898760',
}

RGB Array

[214, 210, 168], [194, 118, 130], [170, 219, 127], [242, 155, 127], [137, 135, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6D2A8, #C27682, #AADB7F, #F29B7F, #898760 is ideal for: corporate websites, product showcases, portfolios. 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: #d6d2a8; --color-2: #c27682; --color-3: #aadb7f; --color-4: #f29b7f; --color-5: #898760. 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. 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