← Back to Editor

#C6A28A · #DBC59E · #91767D · #7C8C8B · #A3AFAB

earth

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C6A28A

Apricot · Tan · Warm Sun

HEX
#C6A28A
RGB
rgb(198, 162, 138)
HSL
hsl(24, 34%, 66%)
HSB
hsb(24, 30%, 78%)
CMYK
cmyk(0%, 18%, 30%, 22%)
Oklch
oklch(73.9% 0.054 55.4)

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

#DBC59E

Goose Yellow · Tan · Warm Sun

HEX
#DBC59E
RGB
rgb(219, 197, 158)
HSL
hsl(38, 46%, 74%)
HSB
hsb(38, 28%, 86%)
CMYK
cmyk(0%, 10%, 28%, 14%)
Oklch
oklch(83.2% 0.058 81.8)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#91767D

Dark Violet · Gray · Rose Pink

HEX
#91767D
RGB
rgb(145, 118, 125)
HSL
hsl(344, 11%, 52%)
HSB
hsb(344, 19%, 57%)
CMYK
cmyk(0%, 19%, 14%, 43%)
Oklch
oklch(59.4% 0.035 0.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#7C8C8B

Ash · LightSlateGray · Warm Gray

HEX
#7C8C8B
RGB
rgb(124, 140, 139)
HSL
hsl(176, 7%, 52%)
HSB
hsb(176, 11%, 55%)
CMYK
cmyk(11%, 0%, 1%, 45%)
Oklch
oklch(62.7% 0.019 192.1)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#A3AFAB

Ash · DarkGray · Silver Sand

HEX
#A3AFAB
RGB
rgb(163, 175, 171)
HSL
hsl(160, 7%, 66%)
HSB
hsb(160, 7%, 69%)
CMYK
cmyk(7%, 0%, 2%, 31%)
Oklch
oklch(74.3% 0.015 174.0)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6A28A
8BAEC6

Analogous

C68B91
C6A28A
C6C08B

Triadic

C6A28A
8BC6A2
A28BC6

Split-Comp.

C6A28A
8BC6C0
8B91C6

Tetradic

C6A28A
91C68B
8BAEC6
C08BC6

Contrast Matrix WCAG 2.1 Contrast

C6A28A
DBC59E
91767D
7C8C8B
A3AFAB
—
1.4
Fail
1.8
Fail
1.5
Fail
1.0
Fail
1.4
Fail
—
2.5
Fail
2.1
Fail
1.3
Fail
1.8
Fail
2.5
Fail
—
1.2
Fail
1.8
Fail
1.5
Fail
2.1
Fail
1.2
Fail
—
1.6
Fail
1.0
Fail
1.3
Fail
1.8
Fail
1.6
Fail
—
White BG
2.3Fail
1.7Fail
4.1AA Large
3.5AA Large
2.3Fail
Black BG
8.9AAA
12.5AAA
5.1AA
6.0AA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B690
D1D1A7
85857B
83838B
A8A8AC

Deuteranopia

B9BB91
D3D4AA
87897B
82818B
A8A7AC

Tritanopia

C49495
DAAFB1
907A7A
7D8B8B
A4ADAD

Achromatopsia

AAAAAA
C7C7C7
7F7F7F
878787
ABABAB

Shades & Tints Shades & Tints

#C6A28A

Dark
Light

#DBC59E

Dark
Light

#91767D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6a28a;
  --color-2: #dbc59e;
  --color-3: #91767d;
  --color-4: #7c8c8b;
  --color-5: #a3afab;
}

SCSS

$color-1: #c6a28a;
$color-2: #dbc59e;
$color-3: #91767d;
$color-4: #7c8c8b;
$color-5: #a3afab;

TAILWIND

colors: {
  'brand-1': '#c6a28a',
  'brand-2': '#dbc59e',
  'brand-3': '#91767d',
  'brand-4': '#7c8c8b',
  'brand-5': '#a3afab',
}

RGB Array

[198, 162, 138], [219, 197, 158], [145, 118, 125], [124, 140, 139], [163, 175, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #C6A28A, #DBC59E, #91767D, #7C8C8B, #A3AFAB 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: #c6a28a; --color-2: #dbc59e; --color-3: #91767d; --color-4: #7c8c8b; --color-5: #a3afab. 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 earth-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