← Back to Editor

#95C28A · #E3D97A · #A9AB66 · #E68B5B · #AD9E72

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#95C28A

Celadon · DarkSeaGreen · Apple Green

HEX
#95C28A
RGB
rgb(149, 194, 138)
HSL
hsl(108, 31%, 65%)
HSB
hsb(108, 29%, 76%)
CMYK
cmyk(23%, 0%, 29%, 24%)
Oklch
oklch(76.7% 0.091 139.5)

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

#E3D97A

Fresh Green · Khaki · Sunflower

HEX
#E3D97A
RGB
rgb(227, 217, 122)
HSL
hsl(54, 65%, 68%)
HSB
hsb(54, 46%, 89%)
CMYK
cmyk(0%, 4%, 46%, 11%)
Oklch
oklch(87.3% 0.117 103.2)

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

#A9AB66

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A9AB66
RGB
rgb(169, 171, 102)
HSL
hsl(62, 29%, 54%)
HSB
hsb(62, 40%, 67%)
CMYK
cmyk(1%, 0%, 40%, 33%)
Oklch
oklch(72.4% 0.091 109.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E68B5B

Apricot · SandyBrown · Warm Sun

HEX
#E68B5B
RGB
rgb(230, 139, 91)
HSL
hsl(21, 74%, 63%)
HSB
hsb(21, 60%, 90%)
CMYK
cmyk(0%, 40%, 60%, 10%)
Oklch
oklch(72.3% 0.128 47.7)

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

#AD9E72

Ginger · Tan · Sunflower

HEX
#AD9E72
RGB
rgb(173, 158, 114)
HSL
hsl(45, 26%, 56%)
HSB
hsb(45, 34%, 68%)
CMYK
cmyk(0%, 9%, 34%, 32%)
Oklch
oklch(70.1% 0.063 91.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95C28A
B68AC1

Analogous

B1C18A
95C28A
8AC19B

Triadic

95C28A
8A95C1
C18A95

Split-Comp.

95C28A
9B8AC1
C18AB1

Tetradic

95C28A
8AB1C1
B68AC1
C19B8A

Contrast Matrix WCAG 2.1 Contrast

95C28A
E3D97A
A9AB66
E68B5B
AD9E72
—
1.4
Fail
1.2
Fail
1.3
Fail
1.3
Fail
1.4
Fail
—
1.7
Fail
1.8
Fail
1.8
Fail
1.2
Fail
1.7
Fail
—
1.1
Fail
1.1
Fail
1.3
Fail
1.8
Fail
1.1
Fail
—
1.0
Fail
1.3
Fail
1.8
Fail
1.1
Fail
1.0
Fail
—
White BG
2.0Fail
1.5Fail
2.4Fail
2.6Fail
2.7Fail
Black BG
10.4AAA
14.5AAA
8.7AAA
8.2AAA
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A998
DFDF91
AAAA77
BFBE67
A7A67D

Deuteranopia

A6A39B
DFE097
AAAA7B
C4CB69
A7A97F

Tritanopia

97A2A5
E2A3A7
A98487
E17072
AC8587

Achromatopsia

AEAEAE
D1D1D1
A3A3A3
A1A1A1
9D9D9D

Shades & Tints Shades & Tints

#95C28A

Dark
Light

#E3D97A

Dark
Light

#A9AB66

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95c28a;
  --color-2: #e3d97a;
  --color-3: #a9ab66;
  --color-4: #e68b5b;
  --color-5: #ad9e72;
}

SCSS

$color-1: #95c28a;
$color-2: #e3d97a;
$color-3: #a9ab66;
$color-4: #e68b5b;
$color-5: #ad9e72;

TAILWIND

colors: {
  'brand-1': '#95c28a',
  'brand-2': '#e3d97a',
  'brand-3': '#a9ab66',
  'brand-4': '#e68b5b',
  'brand-5': '#ad9e72',
}

RGB Array

[149, 194, 138], [227, 217, 122], [169, 171, 102], [230, 139, 91], [173, 158, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #95C28A, #E3D97A, #A9AB66, #E68B5B, #AD9E72 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #95c28a; --color-2: #e3d97a; --color-3: #a9ab66; --color-4: #e68b5b; --color-5: #ad9e72. 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 tech, SaaS, healthcare, eco industries. 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