← Back to Editor

#C6BACC · #D8CAAC · #EBE2CF · #9375A0 · #B8A887

earth

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

#C6BACC

Lilac · Silver · Lilac Purple

HEX
#C6BACC
RGB
rgb(198, 186, 204)
HSL
hsl(280, 15%, 76%)
HSB
hsb(280, 9%, 80%)
CMYK
cmyk(3%, 9%, 0%, 20%)
Oklch
oklch(80.4% 0.028 314.7)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#D8CAAC

Goose Yellow · Silver · Lemon Cream

HEX
#D8CAAC
RGB
rgb(216, 202, 172)
HSL
hsl(41, 36%, 76%)
HSB
hsb(41, 20%, 85%)
CMYK
cmyk(0%, 6%, 20%, 15%)
Oklch
oklch(84.3% 0.043 85.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#EBE2CF

Goose Yellow · Bisque · Lemon Cream

HEX
#EBE2CF
RGB
rgb(235, 226, 207)
HSL
hsl(41, 41%, 87%)
HSB
hsb(41, 12%, 92%)
CMYK
cmyk(0%, 4%, 12%, 8%)
Oklch
oklch(91.5% 0.027 85.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#9375A0

Dark Plum · LightSlateGray · Violet

HEX
#9375A0
RGB
rgb(147, 117, 160)
HSL
hsl(282, 18%, 54%)
HSB
hsb(282, 27%, 63%)
CMYK
cmyk(8%, 27%, 0%, 37%)
Oklch
oklch(60.7% 0.072 315.5)

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

#B8A887

Ginger · Tan · Sunflower

HEX
#B8A887
RGB
rgb(184, 168, 135)
HSL
hsl(40, 26%, 63%)
HSB
hsb(40, 27%, 72%)
CMYK
cmyk(0%, 9%, 27%, 28%)
Oklch
oklch(73.7% 0.049 85.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6BACC
BFCBB9

Analogous

BCB9CB
C6BACC
CBB9C8

Triadic

C6BACC
CBC5B9
B9CBC5

Split-Comp.

C6BACC
C8CBB9
B9CBBC

Tetradic

C6BACC
CBBCB9
BFCBB9
B9C8CB

Contrast Matrix WCAG 2.1 Contrast

C6BACC
D8CAAC
EBE2CF
9375A0
B8A887
—
1.1
Fail
1.4
Fail
2.1
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
2.4
Fail
1.4
Fail
1.4
Fail
1.3
Fail
—
3.1
AA Large
1.8
Fail
2.1
Fail
2.4
Fail
3.1
AA Large
—
1.7
Fail
1.3
Fail
1.4
Fail
1.8
Fail
1.7
Fail
—
White BG
1.9Fail
1.6Fail
1.3Fail
4.0AA Large
2.3Fail
Black BG
11.3AAA
13.0AAA
16.3AAA
5.3AA
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1C8
D2D2B3
E7E7D4
868696
B1B18F

Deuteranopia

C2C2C7
D3D4B5
E8E8D5
888A93
B2B391

Tritanopia

C5C4C3
D7B9BA
EBD7D8
928D8C
B79597

Achromatopsia

C0C0C0
CBCBCB
E3E3E3
838383
A9A9A9

Shades & Tints Shades & Tints

#C6BACC

Dark
Light

#D8CAAC

Dark
Light

#EBE2CF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6bacc;
  --color-2: #d8caac;
  --color-3: #ebe2cf;
  --color-4: #9375a0;
  --color-5: #b8a887;
}

SCSS

$color-1: #c6bacc;
$color-2: #d8caac;
$color-3: #ebe2cf;
$color-4: #9375a0;
$color-5: #b8a887;

TAILWIND

colors: {
  'brand-1': '#c6bacc',
  'brand-2': '#d8caac',
  'brand-3': '#ebe2cf',
  'brand-4': '#9375a0',
  'brand-5': '#b8a887',
}

RGB Array

[198, 186, 204], [216, 202, 172], [235, 226, 207], [147, 117, 160], [184, 168, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #C6BACC, #D8CAAC, #EBE2CF, #9375A0, #B8A887 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #c6bacc; --color-2: #d8caac; --color-3: #ebe2cf; --color-4: #9375a0; --color-5: #b8a887. 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 earth-style 5-color scheme is especially suited for beauty, lifestyle, arts 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