← Back to Editor

#60375C · #CC3C86 · #3CA5A3 · #E0E4AD · #CABA6E

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 LibraryData Visualization

Color Details Color Details

#60375C

Rose Purple · DimGray · Eggplant

HEX
#60375C
RGB
rgb(96, 55, 92)
HSL
hsl(306, 27%, 30%)
HSB
hsb(306, 43%, 38%)
CMYK
cmyk(0%, 43%, 4%, 62%)
Oklch
oklch(40.1% 0.080 330.5)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#CC3C86

Rose Purple · MediumVioletRed · Rose Pink

HEX
#CC3C86
RGB
rgb(204, 60, 134)
HSL
hsl(329, 59%, 52%)
HSB
hsb(329, 71%, 80%)
CMYK
cmyk(0%, 71%, 34%, 20%)
Oklch
oklch(58.8% 0.192 353.2)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#3CA5A3

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#3CA5A3
RGB
rgb(60, 165, 163)
HSL
hsl(179, 47%, 44%)
HSB
hsb(179, 64%, 65%)
CMYK
cmyk(64%, 0%, 1%, 35%)
Oklch
oklch(66.2% 0.095 193.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#E0E4AD

Fresh Green · Wheat · Lemon Cream

HEX
#E0E4AD
RGB
rgb(224, 228, 173)
HSL
hsl(64, 50%, 79%)
HSB
hsb(64, 24%, 89%)
CMYK
cmyk(2%, 0%, 24%, 11%)
Oklch
oklch(90.2% 0.072 111.2)

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

#CABA6E

Fresh Green · Tan · Sunflower

HEX
#CABA6E
RGB
rgb(202, 186, 110)
HSL
hsl(50, 46%, 61%)
HSB
hsb(50, 46%, 79%)
CMYK
cmyk(0%, 8%, 46%, 21%)
Oklch
oklch(78.6% 0.098 97.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

60375C
38613C

Analogous

513861
60375C
613848

Triadic

60375C
5D6138
385D61

Split-Comp.

60375C
486138
386151

Tetradic

60375C
615138
38613C
384861

Contrast Matrix WCAG 2.1 Contrast

60375C
CC3C86
3CA5A3
E0E4AD
CABA6E
—
2.1
Fail
3.2
AA Large
7.2
AAA
4.9
AA
2.1
Fail
—
1.6
Fail
3.5
AA Large
2.4
Fail
3.2
AA Large
1.6
Fail
—
2.2
Fail
1.5
Fail
7.2
AAA
3.5
AA Large
2.2
Fail
—
1.5
Fail
4.9
AA
2.4
Fail
1.5
Fail
1.5
Fail
—
White BG
9.6AAA
4.6AA
3.0Fail
1.3Fail
2.0Fail
Black BG
2.2Fail
4.6AA
7.1AAA
15.9AAA
10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4E53
8E8C74
696AA3
E2E2BA
C3C380

Deuteranopia

515451
96A170
635CA4
E2E1BE
C4C585

Tritanopia

5E4C4A
C56663
41A4A4
E0C5C7
C98F92

Achromatopsia

474747
6F6F6F
858585
DDDDDD
B6B6B6

Shades & Tints Shades & Tints

#60375C

Dark
Light

#CC3C86

Dark
Light

#3CA5A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #60375c;
  --color-2: #cc3c86;
  --color-3: #3ca5a3;
  --color-4: #e0e4ad;
  --color-5: #caba6e;
}

SCSS

$color-1: #60375c;
$color-2: #cc3c86;
$color-3: #3ca5a3;
$color-4: #e0e4ad;
$color-5: #caba6e;

TAILWIND

colors: {
  'brand-1': '#60375c',
  'brand-2': '#cc3c86',
  'brand-3': '#3ca5a3',
  'brand-4': '#e0e4ad',
  'brand-5': '#caba6e',
}

RGB Array

[96, 55, 92], [204, 60, 134], [60, 165, 163], [224, 228, 173], [202, 186, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #60375C, #CC3C86, #3CA5A3, #E0E4AD, #CABA6E is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #60375c; --color-2: #cc3c86; --color-3: #3ca5a3; --color-4: #e0e4ad; --color-5: #caba6e. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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. 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