← Back to Editor

#11966E · #2F9055 · #4D8A3D · #6A8324 · #887D0B

earth

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#11966E

Mineral Blue · Teal · Mint Ice

HEX
#11966E
RGB
rgb(17, 150, 110)
HSL
hsl(162, 80%, 33%)
HSB
hsb(162, 89%, 59%)
CMYK
cmyk(89%, 0%, 27%, 41%)
Oklch
oklch(59.8% 0.122 165.5)

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

#2F9055

Pine Green · SeaGreen · Forest Green

HEX
#2F9055
RGB
rgb(47, 144, 85)
HSL
hsl(144, 51%, 37%)
HSB
hsb(144, 67%, 56%)
CMYK
cmyk(67%, 0%, 41%, 44%)
Oklch
oklch(58.2% 0.127 152.9)

Traditional「Pine Green」· Paint「Forest Green」· Creative Blush Sunrise

#4D8A3D

Celadon · DarkOliveGreen · Forest Green

HEX
#4D8A3D
RGB
rgb(77, 138, 61)
HSL
hsl(108, 39%, 39%)
HSB
hsb(108, 56%, 54%)
CMYK
cmyk(44%, 0%, 56%, 46%)
Oklch
oklch(57.4% 0.127 139.5)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#6A8324

Grass Green · DarkOliveGreen · Forest Green

HEX
#6A8324
RGB
rgb(106, 131, 36)
HSL
hsl(76, 57%, 33%)
HSB
hsb(76, 73%, 51%)
CMYK
cmyk(19%, 0%, 73%, 49%)
Oklch
oklch(57.1% 0.123 123.2)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#887D0B

Autumn Sage · Olive · Honey Gold

HEX
#887D0B
RGB
rgb(136, 125, 11)
HSL
hsl(55, 85%, 29%)
HSB
hsb(55, 92%, 53%)
CMYK
cmyk(0%, 8%, 92%, 47%)
Oklch
oklch(58.2% 0.119 103.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

11966E
971139

Analogous

11972C
11966E
117D97

Triadic

11966E
6F1197
976F11

Split-Comp.

11966E
97117D
972C11

Tetradic

11966E
2C1197
971139
7D9711

Contrast Matrix WCAG 2.1 Contrast

11966E
2F9055
4D8A3D
6A8324
887D0B
—
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
White BG
3.7AA Large
4.0AA Large
4.2AA Large
4.3AA Large
4.2AA Large
Black BG
5.6AA
5.2AA
5.0AA
4.9AA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4B4C78
595A63
676850
75753B
838327

Deuteranopia

43397A
534C67
645F54
737141
84852D

Tritanopia

187F81
346F71
505E62
6B4D51
873C41

Achromatopsia

6A6A6A
6C6C6C
6F6F6F
717171
737373

Shades & Tints Shades & Tints

#11966E

Dark
Light

#2F9055

Dark
Light

#4D8A3D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #11966e;
  --color-2: #2f9055;
  --color-3: #4d8a3d;
  --color-4: #6a8324;
  --color-5: #887d0b;
}

SCSS

$color-1: #11966e;
$color-2: #2f9055;
$color-3: #4d8a3d;
$color-4: #6a8324;
$color-5: #887d0b;

TAILWIND

colors: {
  'brand-1': '#11966e',
  'brand-2': '#2f9055',
  'brand-3': '#4d8a3d',
  'brand-4': '#6a8324',
  'brand-5': '#887d0b',
}

RGB Array

[17, 150, 110], [47, 144, 85], [77, 138, 61], [106, 131, 36], [136, 125, 11]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #11966E, #2F9055, #4D8A3D, #6A8324, #887D0B is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #11966e; --color-2: #2f9055; --color-3: #4d8a3d; --color-4: #6a8324; --color-5: #887d0b. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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