← Back to Editor

#795B64 · #95817D · #B1A696 · #C8BDAA · #DAD5B9

earth

A 5-color earth 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

#795B64

Dark Violet · DimGray · Camellia

HEX
#795B64
RGB
rgb(121, 91, 100)
HSL
hsl(342, 14%, 42%)
HSB
hsb(342, 25%, 47%)
CMYK
cmyk(0%, 25%, 17%, 53%)
Oklch
oklch(50.5% 0.041 358.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#95817D

Crimson · Gray · Passion Red

HEX
#95817D
RGB
rgb(149, 129, 125)
HSL
hsl(10, 10%, 54%)
HSB
hsb(10, 16%, 58%)
CMYK
cmyk(0%, 13%, 16%, 42%)
Oklch
oklch(62.0% 0.025 31.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#B1A696

Ginger · DarkGray · Warm Sun

HEX
#B1A696
RGB
rgb(177, 166, 150)
HSL
hsl(36, 15%, 64%)
HSB
hsb(36, 15%, 69%)
CMYK
cmyk(0%, 6%, 15%, 31%)
Oklch
oklch(73.0% 0.026 77.4)

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

#C8BDAA

Goose Yellow · Silver · Warm Sun

HEX
#C8BDAA
RGB
rgb(200, 189, 170)
HSL
hsl(38, 21%, 73%)
HSB
hsb(38, 15%, 78%)
CMYK
cmyk(0%, 5%, 15%, 22%)
Oklch
oklch(80.2% 0.029 81.4)

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

#DAD5B9

Fresh Green · LightGray · Lemon Cream

HEX
#DAD5B9
RGB
rgb(218, 213, 185)
HSL
hsl(51, 31%, 79%)
HSB
hsb(51, 15%, 85%)
CMYK
cmyk(0%, 2%, 15%, 15%)
Oklch
oklch(87.0% 0.038 98.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

795B64
5C7A71

Analogous

7A5C74
795B64
7A625C

Triadic

795B64
657A5C
5C657A

Split-Comp.

795B64
5C7A62
5C747A

Tetradic

795B64
747A5C
5C7A71
625C7A

Contrast Matrix WCAG 2.1 Contrast

795B64
95817D
B1A696
C8BDAA
DAD5B9
—
1.6
Fail
2.5
Fail
3.2
AA Large
4.1
AA Large
1.6
Fail
—
1.5
Fail
2.0
Fail
2.5
Fail
2.5
Fail
1.5
Fail
—
1.3
Fail
1.6
Fail
3.2
AA Large
2.0
Fail
1.3
Fail
—
1.3
Fail
4.1
AA Large
2.5
Fail
1.6
Fail
1.3
Fail
—
White BG
6.0AA
3.7AA Large
2.4Fail
1.9Fail
1.5Fail
Black BG
3.5AA Large
5.7AA
8.8AAA
11.3AAA
14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6C62
8C8C7E
ACAC9A
C3C3AF
D8D8C0

Deuteranopia

6E7061
8E8F7E
ADAE9B
C4C5B0
D8D9C1

Tritanopia

776060
947F7F
B09D9E
C7B2B3
DAC5C6

Achromatopsia

656565
878787
A7A7A7
BEBEBE
D3D3D3

Shades & Tints Shades & Tints

#795B64

Dark
Light

#95817D

Dark
Light

#B1A696

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #795b64;
  --color-2: #95817d;
  --color-3: #b1a696;
  --color-4: #c8bdaa;
  --color-5: #dad5b9;
}

SCSS

$color-1: #795b64;
$color-2: #95817d;
$color-3: #b1a696;
$color-4: #c8bdaa;
$color-5: #dad5b9;

TAILWIND

colors: {
  'brand-1': '#795b64',
  'brand-2': '#95817d',
  'brand-3': '#b1a696',
  'brand-4': '#c8bdaa',
  'brand-5': '#dad5b9',
}

RGB Array

[121, 91, 100], [149, 129, 125], [177, 166, 150], [200, 189, 170], [218, 213, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #795B64, #95817D, #B1A696, #C8BDAA, #DAD5B9 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: #795b64; --color-2: #95817d; --color-3: #b1a696; --color-4: #c8bdaa; --color-5: #dad5b9. 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