← Back to Editor

#6BB292 · #FF494F · #EEAC7A · #FFD85F · #FBECCF

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

#6BB292

Mineral Blue · CadetBlue · Olive Green

HEX
#6BB292
RGB
rgb(107, 178, 146)
HSL
hsl(153, 32%, 56%)
HSB
hsb(153, 40%, 70%)
CMYK
cmyk(40%, 0%, 18%, 30%)
Oklch
oklch(70.7% 0.086 163.7)

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

#FF494F

Peach Pink · Tomato · Coral Red

HEX
#FF494F
RGB
rgb(255, 73, 79)
HSL
hsl(358, 100%, 64%)
HSB
hsb(358, 71%, 100%)
CMYK
cmyk(0%, 71%, 69%, 0%)
Oklch
oklch(66.9% 0.218 23.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#EEAC7A

Apricot · LightSalmon · Warm Sun

HEX
#EEAC7A
RGB
rgb(238, 172, 122)
HSL
hsl(26, 77%, 71%)
HSB
hsb(26, 49%, 93%)
CMYK
cmyk(0%, 28%, 49%, 7%)
Oklch
oklch(79.6% 0.102 57.8)

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

#FFD85F

Ginger · Khaki · Sunflower

HEX
#FFD85F
RGB
rgb(255, 216, 95)
HSL
hsl(45, 100%, 69%)
HSB
hsb(45, 63%, 100%)
CMYK
cmyk(0%, 15%, 63%, 0%)
Oklch
oklch(89.3% 0.144 91.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FBECCF

Goose Yellow · Bisque · Lemon Cream

HEX
#FBECCF
RGB
rgb(251, 236, 207)
HSL
hsl(40, 85%, 90%)
HSB
hsb(40, 18%, 98%)
CMYK
cmyk(0%, 6%, 18%, 2%)
Oklch
oklch(94.8% 0.041 83.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6BB292
B36B8B

Analogous

6BB36E
6BB292
6BAFB3

Triadic

6BB292
926BB3
B3926B

Split-Comp.

6BB292
B36BAF
B36E6B

Tetradic

6BB292
6E6BB3
B36B8B
AFB36B

Contrast Matrix WCAG 2.1 Contrast

6BB292
FF494F
EEAC7A
FFD85F
FBECCF
—
1.3
Fail
1.3
Fail
1.8
Fail
2.1
Fail
1.3
Fail
—
1.7
Fail
2.4
Fail
2.8
Fail
1.3
Fail
1.7
Fail
—
1.4
Fail
1.7
Fail
1.8
Fail
2.4
Fail
1.4
Fail
—
1.2
Fail
2.1
Fail
2.8
Fail
1.7
Fail
1.2
Fail
—
White BG
2.5Fail
3.3AA Large
1.9Fail
1.4Fail
1.2Fail
Black BG
8.4AAA
6.3AA
10.8AAA
15.2AAA
18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8A9A
B0AF4E
D1D186
EEEE7C
F5F4D6

Deuteranopia

86809C
BBC84D
D5DA89
F0F383
F5F7D8

Tritanopia

6FA0A1
F64C4C
EB9092
FD9398
FADCDD

Achromatopsia

999999
808080
BABABA
D6D6D6
EDEDED

Shades & Tints Shades & Tints

#6BB292

Dark
Light

#FF494F

Dark
Light

#EEAC7A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6bb292;
  --color-2: #ff494f;
  --color-3: #eeac7a;
  --color-4: #ffd85f;
  --color-5: #fbeccf;
}

SCSS

$color-1: #6bb292;
$color-2: #ff494f;
$color-3: #eeac7a;
$color-4: #ffd85f;
$color-5: #fbeccf;

TAILWIND

colors: {
  'brand-1': '#6bb292',
  'brand-2': '#ff494f',
  'brand-3': '#eeac7a',
  'brand-4': '#ffd85f',
  'brand-5': '#fbeccf',
}

RGB Array

[107, 178, 146], [255, 73, 79], [238, 172, 122], [255, 216, 95], [251, 236, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #6BB292, #FF494F, #EEAC7A, #FFD85F, #FBECCF 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: #6bb292; --color-2: #ff494f; --color-3: #eeac7a; --color-4: #ffd85f; --color-5: #fbeccf. 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