← Back to Editor

#043F4F · #0E5F63 · #2EA086 · #73DAA2 · #9CEEBE

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 AppData Visualization

Color Details Color Details

#043F4F

Lake Blue · DarkSlateGray · Peacock Green

HEX
#043F4F
RGB
rgb(4, 63, 79)
HSL
hsl(193, 90%, 16%)
HSB
hsb(193, 95%, 31%)
CMYK
cmyk(95%, 20%, 0%, 69%)
Oklch
oklch(34.2% 0.061 222.3)

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

#0E5F63

Lake Blue · DarkSlateGray · Peacock Green

HEX
#0E5F63
RGB
rgb(14, 95, 99)
HSL
hsl(183, 75%, 22%)
HSB
hsb(183, 86%, 39%)
CMYK
cmyk(86%, 4%, 0%, 61%)
Oklch
oklch(44.3% 0.071 200.2)

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

#2EA086

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#2EA086
RGB
rgb(46, 160, 134)
HSL
hsl(166, 55%, 40%)
HSB
hsb(166, 71%, 63%)
CMYK
cmyk(71%, 0%, 16%, 37%)
Oklch
oklch(63.6% 0.108 174.0)

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

#73DAA2

Emerald · MediumAquaMarine · Apple Green

HEX
#73DAA2
RGB
rgb(115, 218, 162)
HSL
hsl(147, 58%, 65%)
HSB
hsb(147, 47%, 85%)
CMYK
cmyk(47%, 0%, 26%, 15%)
Oklch
oklch(81.1% 0.126 158.1)

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

#9CEEBE

Emerald · LightGreen · Apple Green

HEX
#9CEEBE
RGB
rgb(156, 238, 190)
HSL
hsl(145, 71%, 77%)
HSB
hsb(145, 34%, 93%)
CMYK
cmyk(34%, 0%, 20%, 7%)
Oklch
oklch(88.3% 0.105 157.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

043F4F
4E1404

Analogous

044E39
043F4F
04194E

Triadic

043F4F
4E043E
3E4E04

Split-Comp.

043F4F
4E0419
4E3904

Tetradic

043F4F
39044E
4E1404
194E04

Contrast Matrix WCAG 2.1 Contrast

043F4F
0E5F63
2EA086
73DAA2
9CEEBE
—
1.6
Fail
3.5
AA Large
6.7
AA
8.4
AAA
1.6
Fail
—
2.3
Fail
4.3
AA Large
5.4
AA
3.5
AA Large
2.3
Fail
—
1.9
Fail
2.4
Fail
6.7
AA
4.3
AA Large
1.9
Fail
—
1.3
Fail
8.4
AAA
5.4
AA
2.4
Fail
1.3
Fail
—
White BG
11.5AAA
7.4AAA
3.2AA Large
1.7Fail
1.4Fail
Black BG
1.8Fail
2.8Fail
6.5AA
12.3AAA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1E1E4B
313262
5F608C
A0A1B0
C0C0CA

Deuteranopia

1A164A
2C2662
59508E
9A92B3
BBB5CC

Tritanopia

074847
126161
349192
78BABD
A0D3D5

Achromatopsia

2F2F2F
474747
7B7B7B
B5B5B5
D0D0D0

Shades & Tints Shades & Tints

#043F4F

Dark
Light

#0E5F63

Dark
Light

#2EA086

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #043f4f;
  --color-2: #0e5f63;
  --color-3: #2ea086;
  --color-4: #73daa2;
  --color-5: #9ceebe;
}

SCSS

$color-1: #043f4f;
$color-2: #0e5f63;
$color-3: #2ea086;
$color-4: #73daa2;
$color-5: #9ceebe;

TAILWIND

colors: {
  'brand-1': '#043f4f',
  'brand-2': '#0e5f63',
  'brand-3': '#2ea086',
  'brand-4': '#73daa2',
  'brand-5': '#9ceebe',
}

RGB Array

[4, 63, 79], [14, 95, 99], [46, 160, 134], [115, 218, 162], [156, 238, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #043F4F, #0E5F63, #2EA086, #73DAA2, #9CEEBE 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: #043f4f; --color-2: #0e5f63; --color-3: #2ea086; --color-4: #73daa2; --color-5: #9ceebe. 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 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