← Back to Editor

#47B35D · #9AF79A · #CCF3CE · #FFE9B0 · #FDAB64

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile App

Color Details Color Details

#47B35D

Celadon · MediumSeaGreen · Olive Green

HEX
#47B35D
RGB
rgb(71, 179, 93)
HSL
hsl(132, 43%, 49%)
HSB
hsb(132, 60%, 70%)
CMYK
cmyk(60%, 0%, 48%, 30%)
Oklch
oklch(68.4% 0.158 147.6)

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

#9AF79A

Emerald · LightGreen · Apple Green

HEX
#9AF79A
RGB
rgb(154, 247, 154)
HSL
hsl(120, 85%, 79%)
HSB
hsb(120, 38%, 97%)
CMYK
cmyk(38%, 0%, 38%, 3%)
Oklch
oklch(89.6% 0.154 144.2)

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

#CCF3CE

Emerald · LightGray · Mint Green

HEX
#CCF3CE
RGB
rgb(204, 243, 206)
HSL
hsl(123, 62%, 88%)
HSB
hsb(123, 16%, 95%)
CMYK
cmyk(16%, 0%, 15%, 5%)
Oklch
oklch(92.7% 0.064 146.4)

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

#FFE9B0

Goose Yellow · Wheat · Lemon Cream

HEX
#FFE9B0
RGB
rgb(255, 233, 176)
HSL
hsl(43, 100%, 85%)
HSB
hsb(43, 31%, 100%)
CMYK
cmyk(0%, 9%, 31%, 0%)
Oklch
oklch(93.8% 0.077 89.4)

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

#FDAB64

Apricot · SandyBrown · Warm Sun

HEX
#FDAB64
RGB
rgb(253, 171, 100)
HSL
hsl(28, 97%, 69%)
HSB
hsb(28, 60%, 99%)
CMYK
cmyk(0%, 32%, 60%, 1%)
Oklch
oklch(80.7% 0.130 60.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

47B35D
B3479D

Analogous

67B347
47B35D
47B392

Triadic

47B35D
5D47B3
B35D47

Split-Comp.

47B35D
9247B3
B34767

Tetradic

47B35D
4767B3
B3479D
B39247

Contrast Matrix WCAG 2.1 Contrast

47B35D
9AF79A
CCF3CE
FFE9B0
FDAB64
—
2.1
Fail
2.2
Fail
2.2
Fail
1.4
Fail
2.1
Fail
—
1.1
Fail
1.1
Fail
1.4
Fail
2.2
Fail
1.1
Fail
—
1.0
Fail
1.5
Fail
2.2
Fail
1.1
Fail
1.0
Fail
—
1.6
Fail
1.4
Fail
1.4
Fail
1.5
Fail
1.6
Fail
—
White BG
2.7Fail
1.3Fail
1.2Fail
1.2Fail
1.9Fail
Black BG
7.9AAA
16.1AAA
17.3AAA
17.5AAA
11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

767772
C2C3B1
DDDDD7
F5F5BE
D9D975

Deuteranopia

706777
BDB6B6
DBD8D9
F7F8C1
DEE479

Tritanopia

4C8286
9FC2C6
CEDEE0
FEC9CB
F98386

Achromatopsia

898989
D1D1D1
E3E3E3
E9E9E9
BBBBBB

Shades & Tints Shades & Tints

#47B35D

Dark
Light

#9AF79A

Dark
Light

#CCF3CE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #47b35d;
  --color-2: #9af79a;
  --color-3: #ccf3ce;
  --color-4: #ffe9b0;
  --color-5: #fdab64;
}

SCSS

$color-1: #47b35d;
$color-2: #9af79a;
$color-3: #ccf3ce;
$color-4: #ffe9b0;
$color-5: #fdab64;

TAILWIND

colors: {
  'brand-1': '#47b35d',
  'brand-2': '#9af79a',
  'brand-3': '#ccf3ce',
  'brand-4': '#ffe9b0',
  'brand-5': '#fdab64',
}

RGB Array

[71, 179, 93], [154, 247, 154], [204, 243, 206], [255, 233, 176], [253, 171, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #47B35D, #9AF79A, #CCF3CE, #FFE9B0, #FDAB64 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #47b35d; --color-2: #9af79a; --color-3: #ccf3ce; --color-4: #ffe9b0; --color-5: #fdab64. 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 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