← Back to Editor

#61A598 · #82B29F · #A4BFA5 · #C5CCAC · #E6D9B2

earth

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#61A598

Mineral Blue · CadetBlue · Lake Green

HEX
#61A598
RGB
rgb(97, 165, 152)
HSL
hsl(169, 27%, 51%)
HSB
hsb(169, 41%, 65%)
CMYK
cmyk(41%, 0%, 8%, 35%)
Oklch
oklch(67.3% 0.072 180.4)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#82B29F

Mineral Blue · DarkSeaGreen · Olive Green

HEX
#82B29F
RGB
rgb(130, 178, 159)
HSL
hsl(156, 24%, 60%)
HSB
hsb(156, 27%, 70%)
CMYK
cmyk(27%, 0%, 11%, 30%)
Oklch
oklch(72.4% 0.058 168.3)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#A4BFA5

Celadon · DarkGray · Apple Green

HEX
#A4BFA5
RGB
rgb(164, 191, 165)
HSL
hsl(122, 17%, 70%)
HSB
hsb(122, 14%, 75%)
CMYK
cmyk(14%, 0%, 14%, 25%)
Oklch
oklch(77.7% 0.047 146.1)

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

#C5CCAC

Willow Green · Silver · Apple Green

HEX
#C5CCAC
RGB
rgb(197, 204, 172)
HSL
hsl(73, 24%, 74%)
HSB
hsb(73, 16%, 80%)
CMYK
cmyk(3%, 0%, 16%, 20%)
Oklch
oklch(83.1% 0.044 117.4)

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

#E6D9B2

Goose Yellow · Wheat · Lemon Cream

HEX
#E6D9B2
RGB
rgb(230, 217, 178)
HSL
hsl(45, 51%, 80%)
HSB
hsb(45, 23%, 90%)
CMYK
cmyk(0%, 6%, 23%, 10%)
Oklch
oklch(88.6% 0.053 91.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

61A598
A4606D

Analogous

60A476
61A598
608EA4

Triadic

61A598
9760A4
A49760

Split-Comp.

61A598
A4608E
A47660

Tetradic

61A598
7660A4
A4606D
8EA460

Contrast Matrix WCAG 2.1 Contrast

61A598
82B29F
A4BFA5
C5CCAC
E6D9B2
—
1.2
Fail
1.4
Fail
1.7
Fail
2.0
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
2.0
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
White BG
2.9Fail
2.4Fail
2.0Fail
1.7Fail
1.4Fail
Black BG
7.3AAA
8.8AAA
10.6AAA
12.6AAA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7F9B
9797A4
B0B0AB
C8C8B4
E0E0BB

Deuteranopia

7B759C
9490A5
AEACAD
C8C7B6
E1E2BE

Tritanopia

649E9E
84A7A8
A5B0B1
C5BABB
E5C3C5

Achromatopsia

8F8F8F
A1A1A1
B4B4B4
C6C6C6
D8D8D8

Shades & Tints Shades & Tints

#61A598

Dark
Light

#82B29F

Dark
Light

#A4BFA5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #61a598;
  --color-2: #82b29f;
  --color-3: #a4bfa5;
  --color-4: #c5ccac;
  --color-5: #e6d9b2;
}

SCSS

$color-1: #61a598;
$color-2: #82b29f;
$color-3: #a4bfa5;
$color-4: #c5ccac;
$color-5: #e6d9b2;

TAILWIND

colors: {
  'brand-1': '#61a598',
  'brand-2': '#82b29f',
  'brand-3': '#a4bfa5',
  'brand-4': '#c5ccac',
  'brand-5': '#e6d9b2',
}

RGB Array

[97, 165, 152], [130, 178, 159], [164, 191, 165], [197, 204, 172], [230, 217, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #61A598, #82B29F, #A4BFA5, #C5CCAC, #E6D9B2 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: #61a598; --color-2: #82b29f; --color-3: #a4bfa5; --color-4: #c5ccac; --color-5: #e6d9b2. 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