← Back to Editor

#C9D9A8 · #F4EEBA · #E1F88E · #D2E97D · #BACE5D

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

#C9D9A8

Willow Green · Silver · Apple Green

HEX
#C9D9A8
RGB
rgb(201, 217, 168)
HSL
hsl(80, 39%, 75%)
HSB
hsb(80, 23%, 85%)
CMYK
cmyk(7%, 0%, 23%, 15%)
Oklch
oklch(86.1% 0.068 122.5)

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

#F4EEBA

Fresh Green · Wheat · Lemon Cream

HEX
#F4EEBA
RGB
rgb(244, 238, 186)
HSL
hsl(54, 73%, 84%)
HSB
hsb(54, 24%, 96%)
CMYK
cmyk(0%, 2%, 24%, 4%)
Oklch
oklch(94.1% 0.067 102.1)

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

#E1F88E

Willow Green · Khaki · Apple Green

HEX
#E1F88E
RGB
rgb(225, 248, 142)
HSL
hsl(73, 88%, 76%)
HSB
hsb(73, 43%, 97%)
CMYK
cmyk(9%, 0%, 43%, 3%)
Oklch
oklch(93.9% 0.134 119.1)

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

#D2E97D

Willow Green · Khaki · Apple Green

HEX
#D2E97D
RGB
rgb(210, 233, 125)
HSL
hsl(73, 71%, 70%)
HSB
hsb(73, 46%, 91%)
CMYK
cmyk(10%, 0%, 46%, 9%)
Oklch
oklch(89.4% 0.136 119.1)

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

#BACE5D

Grass Green · Tan · Olive Green

HEX
#BACE5D
RGB
rgb(186, 206, 93)
HSL
hsl(71, 54%, 59%)
HSB
hsb(71, 55%, 81%)
CMYK
cmyk(10%, 0%, 55%, 19%)
Oklch
oklch(81.3% 0.140 118.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9D9A8
B7A6D8

Analogous

D8D0A6
C9D9A8
AFD8A6

Triadic

C9D9A8
A6C8D8
D8A6C8

Split-Comp.

C9D9A8
A6AFD8
D0A6D8

Tetradic

C9D9A8
A6D8D0
B7A6D8
D8A6AF

Contrast Matrix WCAG 2.1 Contrast

C9D9A8
F4EEBA
E1F88E
D2E97D
BACE5D
—
1.3
Fail
1.3
Fail
1.1
Fail
1.2
Fail
1.3
Fail
—
1.0
Fail
1.1
Fail
1.5
Fail
1.3
Fail
1.0
Fail
—
1.1
Fail
1.5
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.3
Fail
1.2
Fail
1.5
Fail
1.5
Fail
1.3
Fail
—
White BG
1.5Fail
1.2Fail
1.2Fail
1.3Fail
1.7Fail
Black BG
14.0AAA
17.8AAA
18.0AAA
15.7AAA
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0B4
F1F1C7
EBEBA8
DCDC97
C3C378

Deuteranopia

CFCEB7
F2F2CA
EAE8AE
DBD99D
C2C07F

Tritanopia

CABDBF
F4D1D3
E2BCC0
D3ACB0
BB8E93

Achromatopsia

CFCFCF
EAEAEA
E5E5E5
D6D6D6
BBBBBB

Shades & Tints Shades & Tints

#C9D9A8

Dark
Light

#F4EEBA

Dark
Light

#E1F88E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9d9a8;
  --color-2: #f4eeba;
  --color-3: #e1f88e;
  --color-4: #d2e97d;
  --color-5: #bace5d;
}

SCSS

$color-1: #c9d9a8;
$color-2: #f4eeba;
$color-3: #e1f88e;
$color-4: #d2e97d;
$color-5: #bace5d;

TAILWIND

colors: {
  'brand-1': '#c9d9a8',
  'brand-2': '#f4eeba',
  'brand-3': '#e1f88e',
  'brand-4': '#d2e97d',
  'brand-5': '#bace5d',
}

RGB Array

[201, 217, 168], [244, 238, 186], [225, 248, 142], [210, 233, 125], [186, 206, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #C9D9A8, #F4EEBA, #E1F88E, #D2E97D, #BACE5D 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: #c9d9a8; --color-2: #f4eeba; --color-3: #e1f88e; --color-4: #d2e97d; --color-5: #bace5d. 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