← Back to Editor

#D9FFDE · #6BFF7F · #49C27A · #278575 · #3E4544

earth

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#D9FFDE

Emerald · Beige · Mint Green

HEX
#D9FFDE
RGB
rgb(217, 255, 222)
HSL
hsl(128, 100%, 93%)
HSB
hsb(128, 15%, 100%)
CMYK
cmyk(15%, 0%, 13%, 0%)
Oklch
oklch(96.4% 0.059 148.8)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#6BFF7F

Emerald · LightGreen · Apple Green

HEX
#6BFF7F
RGB
rgb(107, 255, 127)
HSL
hsl(128, 100%, 71%)
HSB
hsb(128, 58%, 100%)
CMYK
cmyk(58%, 0%, 50%, 0%)
Oklch
oklch(89.1% 0.212 146.0)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#49C27A

Celadon · MediumSeaGreen · Olive Green

HEX
#49C27A
RGB
rgb(73, 194, 122)
HSL
hsl(144, 50%, 52%)
HSB
hsb(144, 62%, 76%)
CMYK
cmyk(62%, 0%, 37%, 24%)
Oklch
oklch(72.8% 0.151 153.9)

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

#278575

Mineral Blue · SeaGreen · Mint Ice

HEX
#278575
RGB
rgb(39, 133, 117)
HSL
hsl(170, 55%, 34%)
HSB
hsb(170, 71%, 52%)
CMYK
cmyk(71%, 0%, 12%, 48%)
Oklch
oklch(55.8% 0.089 179.1)

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

#3E4544

Dark Cyan · DarkSlateGray · Charcoal

HEX
#3E4544
RGB
rgb(62, 69, 68)
HSL
hsl(171, 5%, 26%)
HSB
hsb(171, 10%, 27%)
CMYK
cmyk(10%, 0%, 1%, 73%)
Oklch
oklch(38.4% 0.009 186.5)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9FFDE
FFDBFA

Analogous

E8FFDB
D9FFDE
DBFFF2

Triadic

D9FFDE
E0DBFF
FFE0DB

Split-Comp.

D9FFDE
F2DBFF
FFDBE8

Tetradic

D9FFDE
DBE8FF
FFDBFA
FFF2DB

Contrast Matrix WCAG 2.1 Contrast

D9FFDE
6BFF7F
49C27A
278575
3E4544
—
1.2
Fail
2.1
Fail
4.1
AA Large
9.0
AAA
1.2
Fail
—
1.7
Fail
3.5
AA Large
7.6
AAA
2.1
Fail
1.7
Fail
—
2.0
Fail
4.3
AA Large
4.1
AA Large
3.5
AA Large
2.0
Fail
—
2.2
Fail
9.0
AAA
7.6
AAA
4.3
AA Large
2.2
Fail
—
White BG
1.1Fail
1.3Fail
2.3Fail
4.5AA Large
9.8AAA
Black BG
19.3AAA
16.2AAA
9.3AAA
4.7AA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9EAE6
ABAC9E
7D7E8B
505179
414144

Deuteranopia

E7E4E8
A397A5
766D90
4A437A
414044

Tritanopia

DBECEE
72B6BC
4F999C
2C7C7D
3E4444

Achromatopsia

F0F0F0
C4C4C4
969696
676767
434343

Shades & Tints Shades & Tints

#D9FFDE

Dark
Light

#6BFF7F

Dark
Light

#49C27A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9ffde;
  --color-2: #6bff7f;
  --color-3: #49c27a;
  --color-4: #278575;
  --color-5: #3e4544;
}

SCSS

$color-1: #d9ffde;
$color-2: #6bff7f;
$color-3: #49c27a;
$color-4: #278575;
$color-5: #3e4544;

TAILWIND

colors: {
  'brand-1': '#d9ffde',
  'brand-2': '#6bff7f',
  'brand-3': '#49c27a',
  'brand-4': '#278575',
  'brand-5': '#3e4544',
}

RGB Array

[217, 255, 222], [107, 255, 127], [73, 194, 122], [39, 133, 117], [62, 69, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #D9FFDE, #6BFF7F, #49C27A, #278575, #3E4544 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #d9ffde; --color-2: #6bff7f; --color-3: #49c27a; --color-4: #278575; --color-5: #3e4544. 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 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