← Back to Editor

#6BB879 · #0D253B · #95B930 · #8F1649 · #C6A32B

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

#6BB879

Celadon · DarkSeaGreen · Olive Green

HEX
#6BB879
RGB
rgb(107, 184, 121)
HSL
hsl(131, 35%, 57%)
HSB
hsb(131, 42%, 72%)
CMYK
cmyk(42%, 0%, 34%, 28%)
Oklch
oklch(71.6% 0.119 148.6)

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

#0D253B

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#0D253B
RGB
rgb(13, 37, 59)
HSL
hsl(209, 64%, 14%)
HSB
hsb(209, 78%, 23%)
CMYK
cmyk(78%, 37%, 0%, 77%)
Oklch
oklch(25.8% 0.051 248.7)

Traditional「Lake Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#95B930

Grass Green · DarkGoldenRod · Olive Green

HEX
#95B930
RGB
rgb(149, 185, 48)
HSL
hsl(76, 59%, 46%)
HSB
hsb(76, 74%, 73%)
CMYK
cmyk(19%, 0%, 74%, 27%)
Oklch
oklch(73.4% 0.163 123.5)

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

#8F1649

Dark Violet · Brown · Camellia

HEX
#8F1649
RGB
rgb(143, 22, 73)
HSL
hsl(335, 73%, 32%)
HSB
hsb(335, 85%, 56%)
CMYK
cmyk(0%, 85%, 49%, 44%)
Oklch
oklch(43.1% 0.158 2.1)

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

#C6A32B

Ochre · GoldenRod · Honey Gold

HEX
#C6A32B
RGB
rgb(198, 163, 43)
HSL
hsl(46, 64%, 47%)
HSB
hsb(46, 78%, 78%)
CMYK
cmyk(0%, 18%, 78%, 22%)
Oklch
oklch(72.7% 0.136 91.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6BB879
B86BAA

Analogous

83B86B
6BB879
6BB89F

Triadic

6BB879
796BB8
B8796B

Split-Comp.

6BB879
9F6BB8
B86B83

Tetradic

6BB879
6B83B8
B86BAA
B89F6B

Contrast Matrix WCAG 2.1 Contrast

6BB879
0D253B
95B930
8F1649
C6A32B
—
6.5
AA
1.1
Fail
3.7
AA Large
1.0
Fail
6.5
AA
—
6.9
AA
1.8
Fail
6.5
AA
1.1
Fail
6.9
AA
—
3.9
AA Large
1.1
Fail
3.7
AA Large
1.8
Fail
3.9
AA Large
—
3.6
AA Large
1.0
Fail
6.5
AA
1.1
Fail
3.6
AA Large
—
White BG
2.4Fail
15.6AAA
2.3Fail
8.8AAA
2.4Fail
Black BG
8.8AAA
1.3Fail
9.3AAA
2.4Fail
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8D88
171836
A5A551
5B5A3D
B7B748

Deuteranopia

88828C
161434
A3A059
626B3A
B9BC4F

Tritanopia

6F9497
0E3131
976B71
893331
C45F64

Achromatopsia

9A9A9A
202020
9F9F9F
404040
A0A0A0

Shades & Tints Shades & Tints

#6BB879

Dark
Light

#0D253B

Dark
Light

#95B930

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6bb879;
  --color-2: #0d253b;
  --color-3: #95b930;
  --color-4: #8f1649;
  --color-5: #c6a32b;
}

SCSS

$color-1: #6bb879;
$color-2: #0d253b;
$color-3: #95b930;
$color-4: #8f1649;
$color-5: #c6a32b;

TAILWIND

colors: {
  'brand-1': '#6bb879',
  'brand-2': '#0d253b',
  'brand-3': '#95b930',
  'brand-4': '#8f1649',
  'brand-5': '#c6a32b',
}

RGB Array

[107, 184, 121], [13, 37, 59], [149, 185, 48], [143, 22, 73], [198, 163, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #6BB879, #0D253B, #95B930, #8F1649, #C6A32B is ideal for: tech websites, dark mode UIs, game UIs, 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: #6bb879; --color-2: #0d253b; --color-3: #95b930; --color-4: #8f1649; --color-5: #c6a32b. 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. 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