← Back to Editor

#15C9CD · #5CB79F · #787600 · #A8C318 · #D9D95F

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile App

Color Details Color Details

#15C9CD

Lake Blue · DarkTurquoise · Mint Ice

HEX
#15C9CD
RGB
rgb(21, 201, 205)
HSL
hsl(181, 81%, 44%)
HSB
hsb(181, 90%, 80%)
CMYK
cmyk(90%, 2%, 0%, 20%)
Oklch
oklch(75.9% 0.127 197.4)

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

#5CB79F

Mineral Blue · CadetBlue · Lake Green

HEX
#5CB79F
RGB
rgb(92, 183, 159)
HSL
hsl(164, 39%, 54%)
HSB
hsb(164, 50%, 72%)
CMYK
cmyk(50%, 0%, 13%, 28%)
Oklch
oklch(71.6% 0.095 174.1)

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

#787600

Autumn Sage · Olive · Amber Gold

HEX
#787600
RGB
rgb(120, 118, 0)
HSL
hsl(59, 100%, 24%)
HSB
hsb(59, 100%, 47%)
CMYK
cmyk(0%, 2%, 100%, 53%)
Oklch
oklch(55.0% 0.119 108.6)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#A8C318

Autumn Sage · GoldenRod · Honey Gold

HEX
#A8C318
RGB
rgb(168, 195, 24)
HSL
hsl(69, 78%, 43%)
HSB
hsb(69, 88%, 76%)
CMYK
cmyk(14%, 0%, 88%, 24%)
Oklch
oklch(77.0% 0.177 119.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#D9D95F

Fresh Green · BurlyWood · Sunflower

HEX
#D9D95F
RGB
rgb(217, 217, 95)
HSL
hsl(60, 62%, 61%)
HSB
hsb(60, 56%, 85%)
CMYK
cmyk(0%, 0%, 56%, 15%)
Oklch
oklch(86.2% 0.144 109.1)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

15C9CD
CB1815

Analogous

15CB73
15C9CD
156DCB

Triadic

15C9CD
CB15C8
C8CB15

Split-Comp.

15C9CD
CB156D
CB7315

Tetradic

15C9CD
7315CB
CB1815
6DCB15

Contrast Matrix WCAG 2.1 Contrast

15C9CD
5CB79F
787600
A8C318
D9D95F
—
1.2
Fail
2.3
Fail
1.0
Fail
1.4
Fail
1.2
Fail
—
2.0
Fail
1.2
Fail
1.6
Fail
2.3
Fail
2.0
Fail
—
2.4
Fail
3.2
AA Large
1.0
Fail
1.2
Fail
2.4
Fail
—
1.3
Fail
1.4
Fail
1.6
Fail
3.2
AA Large
1.3
Fail
—
White BG
2.0Fail
2.4Fail
4.8AA
2.0Fail
1.5Fail
Black BG
10.3AAA
8.7AAA
4.4AA Large
10.5AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6365CC
8384A5
77771D
B4B441
D9D97D

Deuteranopia

594BCC
7E77A6
777723
B2B04B
D9D984

Tritanopia

1ECBCB
61A9AA
783338
A96269
D99499

Achromatopsia

949494
999999
696969
A7A7A7
CBCBCB

Shades & Tints Shades & Tints

#15C9CD

Dark
Light

#5CB79F

Dark
Light

#787600

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #15c9cd;
  --color-2: #5cb79f;
  --color-3: #787600;
  --color-4: #a8c318;
  --color-5: #d9d95f;
}

SCSS

$color-1: #15c9cd;
$color-2: #5cb79f;
$color-3: #787600;
$color-4: #a8c318;
$color-5: #d9d95f;

TAILWIND

colors: {
  'brand-1': '#15c9cd',
  'brand-2': '#5cb79f',
  'brand-3': '#787600',
  'brand-4': '#a8c318',
  'brand-5': '#d9d95f',
}

RGB Array

[21, 201, 205], [92, 183, 159], [120, 118, 0], [168, 195, 24], [217, 217, 95]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #15C9CD, #5CB79F, #787600, #A8C318, #D9D95F 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: #15c9cd; --color-2: #5cb79f; --color-3: #787600; --color-4: #a8c318; --color-5: #d9d95f. 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