← Back to Editor

#483B0F · #67760F · #79C286 · #F4FFCA · #CEE2BA

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

Color Details Color Details

#483B0F

Ochre · DarkOliveGreen · Amber Gold

HEX
#483B0F
RGB
rgb(72, 59, 15)
HSL
hsl(46, 66%, 17%)
HSB
hsb(46, 79%, 28%)
CMYK
cmyk(0%, 18%, 79%, 72%)
Oklch
oklch(35.7% 0.063 92.1)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#67760F

Autumn Sage · Olive · Honey Gold

HEX
#67760F
RGB
rgb(103, 118, 15)
HSL
hsl(69, 77%, 26%)
HSB
hsb(69, 87%, 46%)
CMYK
cmyk(13%, 0%, 87%, 54%)
Oklch
oklch(53.5% 0.120 118.4)

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

#79C286

Celadon · DarkSeaGreen · Apple Green

HEX
#79C286
RGB
rgb(121, 194, 134)
HSL
hsl(131, 37%, 62%)
HSB
hsb(131, 38%, 76%)
CMYK
cmyk(38%, 0%, 31%, 24%)
Oklch
oklch(75.0% 0.113 148.8)

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

#F4FFCA

Willow Green · Beige · Mint Green

HEX
#F4FFCA
RGB
rgb(244, 255, 202)
HSL
hsl(72, 100%, 90%)
HSB
hsb(72, 21%, 100%)
CMYK
cmyk(4%, 0%, 21%, 0%)
Oklch
oklch(97.9% 0.069 117.2)

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

#CEE2BA

Celadon · LightGray · Mint Green

HEX
#CEE2BA
RGB
rgb(206, 226, 186)
HSL
hsl(90, 41%, 81%)
HSB
hsb(90, 18%, 89%)
CMYK
cmyk(9%, 0%, 18%, 11%)
Oklch
oklch(88.7% 0.058 129.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

483B0F
0F1C48

Analogous

481E0F
483B0F
39480F

Triadic

483B0F
0F483B
3B0F48

Split-Comp.

483B0F
0F3948
1E0F48

Tetradic

483B0F
0F481E
0F1C48
480F39

Contrast Matrix WCAG 2.1 Contrast

483B0F
67760F
79C286
F4FFCA
CEE2BA
—
2.2
Fail
5.2
AA
10.5
AAA
8.0
AAA
2.2
Fail
—
2.4
Fail
4.8
AA
3.6
AA Large
5.2
AA
2.4
Fail
—
2.0
Fail
1.5
Fail
10.5
AAA
4.8
AA
2.0
Fail
—
1.3
Fail
8.0
AAA
3.6
AA Large
1.5
Fail
1.3
Fail
—
White BG
11.0AAA
5.0AA
2.1Fail
1.0Fail
1.4Fail
Black BG
1.9Fail
4.2AA Large
9.9AAA
20.0AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

42421A
6D6E28
999995
F9F9D7
D7D7C4

Deuteranopia

43441C
6D6C2E
948F98
F8F7DA
D6D4C6

Tritanopia

472224
683C40
7DA0A3
F5E1E3
CFCBCD

Achromatopsia

3A3A3A
666666
A5A5A5
F6F6F6
D7D7D7

Shades & Tints Shades & Tints

#483B0F

Dark
Light

#67760F

Dark
Light

#79C286

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #483b0f;
  --color-2: #67760f;
  --color-3: #79c286;
  --color-4: #f4ffca;
  --color-5: #cee2ba;
}

SCSS

$color-1: #483b0f;
$color-2: #67760f;
$color-3: #79c286;
$color-4: #f4ffca;
$color-5: #cee2ba;

TAILWIND

colors: {
  'brand-1': '#483b0f',
  'brand-2': '#67760f',
  'brand-3': '#79c286',
  'brand-4': '#f4ffca',
  'brand-5': '#cee2ba',
}

RGB Array

[72, 59, 15], [103, 118, 15], [121, 194, 134], [244, 255, 202], [206, 226, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #483B0F, #67760F, #79C286, #F4FFCA, #CEE2BA 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: #483b0f; --color-2: #67760f; --color-3: #79c286; --color-4: #f4ffca; --color-5: #cee2ba. 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