← Back to Editor

#0E93A4 · #2CA98B · #4ABB7D · #6BC971 · #8AD727

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile App

Color Details Color Details

#0E93A4

Lake Blue · LightSeaGreen · Mint Ice

HEX
#0E93A4
RGB
rgb(14, 147, 164)
HSL
hsl(187, 84%, 35%)
HSB
hsb(187, 91%, 64%)
CMYK
cmyk(91%, 10%, 0%, 36%)
Oklch
oklch(60.8% 0.103 209.4)

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

#2CA98B

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#2CA98B
RGB
rgb(44, 169, 139)
HSL
hsl(166, 59%, 42%)
HSB
hsb(166, 74%, 66%)
CMYK
cmyk(74%, 0%, 18%, 34%)
Oklch
oklch(66.1% 0.116 172.6)

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

#4ABB7D

Celadon · MediumSeaGreen · Olive Green

HEX
#4ABB7D
RGB
rgb(74, 187, 125)
HSL
hsl(147, 45%, 51%)
HSB
hsb(147, 60%, 73%)
CMYK
cmyk(60%, 0%, 33%, 27%)
Oklch
oklch(71.1% 0.138 156.1)

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

#6BC971

Celadon · DarkSeaGreen · Olive Green

HEX
#6BC971
RGB
rgb(107, 201, 113)
HSL
hsl(124, 47%, 60%)
HSB
hsb(124, 47%, 79%)
CMYK
cmyk(47%, 0%, 44%, 21%)
Oklch
oklch(75.7% 0.152 145.2)

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

#8AD727

Grass Green · GreenYellow · Olive Green

HEX
#8AD727
RGB
rgb(138, 215, 39)
HSL
hsl(86, 69%, 50%)
HSB
hsb(86, 82%, 84%)
CMYK
cmyk(36%, 0%, 82%, 16%)
Oklch
oklch(79.9% 0.208 131.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0E93A4
A4200E

Analogous

0EA46B
0E93A4
0E48A4

Triadic

0E93A4
A40E93
93A40E

Split-Comp.

0E93A4
A40E48
A46B0E

Tetradic

0E93A4
6B0EA4
A4200E
48A40E

Contrast Matrix WCAG 2.1 Contrast

0E93A4
2CA98B
4ABB7D
6BC971
8AD727
—
1.2
Fail
1.5
Fail
1.8
Fail
2.1
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.8
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
2.1
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
White BG
3.7AA Large
2.9Fail
2.4Fail
2.1Fail
1.8Fail
Black BG
5.7AA
7.2AAA
8.7AAA
10.2AAA
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4849A0
626392
7B7C8C
949586
ABAC52

Deuteranopia

40369F
5B5294
746C90
8E878B
A7A15C

Tritanopia

159D9C
329899
50989A
70979B
8E737B

Achromatopsia

6D6D6D
808080
929292
A3A3A3
ACACAC

Shades & Tints Shades & Tints

#0E93A4

Dark
Light

#2CA98B

Dark
Light

#4ABB7D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0e93a4;
  --color-2: #2ca98b;
  --color-3: #4abb7d;
  --color-4: #6bc971;
  --color-5: #8ad727;
}

SCSS

$color-1: #0e93a4;
$color-2: #2ca98b;
$color-3: #4abb7d;
$color-4: #6bc971;
$color-5: #8ad727;

TAILWIND

colors: {
  'brand-1': '#0e93a4',
  'brand-2': '#2ca98b',
  'brand-3': '#4abb7d',
  'brand-4': '#6bc971',
  'brand-5': '#8ad727',
}

RGB Array

[14, 147, 164], [44, 169, 139], [74, 187, 125], [107, 201, 113], [138, 215, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #0E93A4, #2CA98B, #4ABB7D, #6BC971, #8AD727 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #0e93a4; --color-2: #2ca98b; --color-3: #4abb7d; --color-4: #6bc971; --color-5: #8ad727. 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. 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 nature-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