← Back to Editor

#491D02 · #A8C16E · #90EDFF · #B9F7FF · #FFFABE

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

Color Details Color Details

#491D02

Tangerine · Maroon · Cinnamon

HEX
#491D02
RGB
rgb(73, 29, 2)
HSL
hsl(23, 95%, 15%)
HSB
hsb(23, 97%, 29%)
CMYK
cmyk(0%, 60%, 97%, 71%)
Oklch
oklch(29.2% 0.077 47.9)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#A8C16E

Grass Green · DarkSeaGreen · Olive Green

HEX
#A8C16E
RGB
rgb(168, 193, 110)
HSL
hsl(78, 40%, 59%)
HSB
hsb(78, 43%, 76%)
CMYK
cmyk(13%, 0%, 43%, 24%)
Oklch
oklch(77.3% 0.112 122.7)

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

#90EDFF

Sky Blue · LightSkyBlue · Glacier Blue

HEX
#90EDFF
RGB
rgb(144, 237, 255)
HSL
hsl(190, 100%, 78%)
HSB
hsb(190, 44%, 100%)
CMYK
cmyk(44%, 7%, 0%, 0%)
Oklch
oklch(89.4% 0.092 211.3)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#B9F7FF

Sky Blue · LightBlue · Glacier Blue

HEX
#B9F7FF
RGB
rgb(185, 247, 255)
HSL
hsl(187, 100%, 86%)
HSB
hsb(187, 27%, 100%)
CMYK
cmyk(27%, 3%, 0%, 0%)
Oklch
oklch(93.7% 0.063 206.0)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#FFFABE

Fresh Green · Bisque · Lemon Cream

HEX
#FFFABE
RGB
rgb(255, 250, 190)
HSL
hsl(55, 100%, 87%)
HSB
hsb(55, 25%, 100%)
CMYK
cmyk(0%, 2%, 25%, 0%)
Oklch
oklch(97.5% 0.077 103.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

491D02
022F4B

Analogous

4B020A
491D02
4B4202

Triadic

491D02
024B1E
1E024B

Split-Comp.

491D02
024B42
020A4B

Tetradic

491D02
0A4B02
022F4B
42024B

Contrast Matrix WCAG 2.1 Contrast

491D02
A8C16E
90EDFF
B9F7FF
FFFABE
—
7.2
AAA
10.8
AAA
12.2
AAA
13.5
AAA
7.2
AAA
—
1.5
Fail
1.7
Fail
1.9
Fail
10.8
AAA
1.5
Fail
—
1.1
Fail
1.2
Fail
12.2
AAA
1.7
Fail
1.1
Fail
—
1.1
Fail
13.5
AAA
1.9
Fail
1.2
Fail
1.1
Fail
—
White BG
14.4AAA
2.0Fail
1.3Fail
1.2Fail
1.1Fail
Black BG
1.5Fail
10.5AAA
15.7AAA
17.8AAA
19.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

363609
B3B382
B8B9FB
D4D4FD
FDFDCD

Deuteranopia

393C0A
B1B087
B3ACFA
D0CCFD
FDFED0

Tritanopia

470E0F
A99295
95F7F6
BCFCFB
FFD8DB

Achromatopsia

272727
B0B0B0
D3D3D3
E5E5E5
F5F5F5

Shades & Tints Shades & Tints

#491D02

Dark
Light

#A8C16E

Dark
Light

#90EDFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #491d02;
  --color-2: #a8c16e;
  --color-3: #90edff;
  --color-4: #b9f7ff;
  --color-5: #fffabe;
}

SCSS

$color-1: #491d02;
$color-2: #a8c16e;
$color-3: #90edff;
$color-4: #b9f7ff;
$color-5: #fffabe;

TAILWIND

colors: {
  'brand-1': '#491d02',
  'brand-2': '#a8c16e',
  'brand-3': '#90edff',
  'brand-4': '#b9f7ff',
  'brand-5': '#fffabe',
}

RGB Array

[73, 29, 2], [168, 193, 110], [144, 237, 255], [185, 247, 255], [255, 250, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #491D02, #A8C16E, #90EDFF, #B9F7FF, #FFFABE 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: #491d02; --color-2: #a8c16e; --color-3: #90edff; --color-4: #b9f7ff; --color-5: #fffabe. 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