#66E6DE + #7FD3C7 + #92C5B6 + #45FFFD + #A9B4A0 · earth - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#66E6DE

Jade · MediumTurquoise · Lake Green

HEX

#66E6DE

RGB

rgb(102, 230, 222)

HSL

hsl(176, 72%, 65%)

HSB

hsb(176, 56%, 90%)

CMYK

cmyk(56%, 0%, 3%, 10%)

Oklch

oklch(85.1% 0.114 189.6)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#7FD3C7

Jade · SkyBlue · Lake Green

HEX

#7FD3C7

RGB

rgb(127, 211, 199)

HSL

hsl(171, 49%, 66%)

HSB

hsb(171, 40%, 83%)

CMYK

cmyk(40%, 0%, 6%, 17%)

Oklch

oklch(81.0% 0.084 184.1)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#92C5B6

Jade · DarkGray · Lake Green

HEX

#92C5B6

RGB

rgb(146, 197, 182)

HSL

hsl(162, 31%, 67%)

HSB

hsb(162, 26%, 77%)

CMYK

cmyk(26%, 0%, 8%, 23%)

Oklch

oklch(78.3% 0.058 174.7)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#45FFFD

Jade · Turquoise · Lake Green

HEX

#45FFFD

RGB

rgb(69, 255, 253)

HSL

hsl(179, 100%, 64%)

HSB

hsb(179, 73%, 100%)

CMYK

cmyk(73%, 0%, 1%, 0%)

Oklch

oklch(91.1% 0.143 193.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#A9B4A0

Celadon · DarkGray · Apple Green

HEX

#A9B4A0

RGB

rgb(169, 180, 160)

HSL

hsl(93, 12%, 67%)

HSB

hsb(93, 11%, 71%)

CMYK

cmyk(6%, 0%, 11%, 29%)

Oklch

oklch(75.6% 0.031 130.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

66E6DE

E6656E

Analogous

65E69D

66E6DE

65AEE6

Triadic

66E6DE

DD65E6

E6DD65

Split-Comp.

66E6DE

E665AE

E69D65

Tetradic

66E6DE

9D65E6

E6656E

AEE665

Contrast Matrix WCAG 2.1 Contrast

66E6DE	7FD3C7	92C5B6	45FFFD	A9B4A0
—	1.2 Fail	1.3 Fail	1.2 Fail	1.4 Fail
1.2 Fail	—	1.1 Fail	1.4 Fail	1.2 Fail
1.3 Fail	1.1 Fail	—	1.6 Fail	1.1 Fail
1.2 Fail	1.4 Fail	1.6 Fail	—	1.7 Fail
1.4 Fail	1.2 Fail	1.1 Fail	1.7 Fail	—

White BG

1.5Fail

1.7Fail

1.9Fail

1.2Fail

2.2Fail

Black BG

13.9AAA

12.0AAA

10.9AAA

17.0AAA

9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9FE0

A3A4CA

A8A9BA

9697FD

AEAEA5

Deuteranopia

968CE0

9F98CB

A5A1BB

8B7DFE

ADACA6

Tritanopia

6CE1E2

83CCCD

95BCBD

4EFEFE

AAA9AA

Achromatopsia

BFBFBF

B9B9B9

B4B4B4

C7C7C7

AEAEAE

Shades & Tints Shades & Tints

#66E6DE

Dark

Light

#7FD3C7

Dark

Light

#92C5B6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #66e6de;
  --color-2: #7fd3c7;
  --color-3: #92c5b6;
  --color-4: #45fffd;
  --color-5: #a9b4a0;
}

SCSS

$color-1: #66e6de;
$color-2: #7fd3c7;
$color-3: #92c5b6;
$color-4: #45fffd;
$color-5: #a9b4a0;

TAILWIND

colors: {
  'brand-1': '#66e6de',
  'brand-2': '#7fd3c7',
  'brand-3': '#92c5b6',
  'brand-4': '#45fffd',
  'brand-5': '#a9b4a0',
}

RGB Array

[102, 230, 222], [127, 211, 199], [146, 197, 182], [69, 255, 253], [169, 180, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #66E6DE, #7FD3C7, #92C5B6, #45FFFD, #A9B4A0 is ideal for: health products, baby brands, fresh-style blogs. 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: #66e6de; --color-2: #7fd3c7; --color-3: #92c5b6; --color-4: #45fffd; --color-5: #a9b4a0. 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 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