← Back to Editor

#BDC6B5 · #EFE8A2 · #D6BD6B · #F6B99D · #F4797E

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

#BDC6B5

Celadon · Silver · Apple Green

HEX
#BDC6B5
RGB
rgb(189, 198, 181)
HSL
hsl(92, 13%, 74%)
HSB
hsb(92, 9%, 78%)
CMYK
cmyk(5%, 0%, 9%, 22%)
Oklch
oklch(81.5% 0.025 129.9)

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

#EFE8A2

Fresh Green · Wheat · Lemon Cream

HEX
#EFE8A2
RGB
rgb(239, 232, 162)
HSL
hsl(55, 71%, 79%)
HSB
hsb(55, 32%, 94%)
CMYK
cmyk(0%, 3%, 32%, 6%)
Oklch
oklch(92.0% 0.089 103.1)

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

#D6BD6B

Ginger · BurlyWood · Sunflower

HEX
#D6BD6B
RGB
rgb(214, 189, 107)
HSL
hsl(46, 57%, 63%)
HSB
hsb(46, 50%, 84%)
CMYK
cmyk(0%, 12%, 50%, 16%)
Oklch
oklch(80.2% 0.106 92.9)

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

#F6B99D

Apricot · BurlyWood · Peach Orange

HEX
#F6B99D
RGB
rgb(246, 185, 157)
HSL
hsl(19, 83%, 79%)
HSB
hsb(19, 36%, 96%)
CMYK
cmyk(0%, 25%, 36%, 4%)
Oklch
oklch(83.5% 0.081 45.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F4797E

Peach Pink · LightCoral · Coral Red

HEX
#F4797E
RGB
rgb(244, 121, 126)
HSL
hsl(358, 85%, 72%)
HSB
hsb(358, 50%, 96%)
CMYK
cmyk(0%, 50%, 48%, 4%)
Oklch
oklch(71.9% 0.151 19.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BDC6B5
BDB4C5

Analogous

C5C5B4
BDC6B5
B4C5B5

Triadic

BDC6B5
B4BCC5
C5B4BC

Split-Comp.

BDC6B5
B5B4C5
C5B4C5

Tetradic

BDC6B5
B4C5C5
BDB4C5
C5B5B4

Contrast Matrix WCAG 2.1 Contrast

BDC6B5
EFE8A2
D6BD6B
F6B99D
F4797E
—
1.4
Fail
1.0
Fail
1.0
Fail
1.5
Fail
1.4
Fail
—
1.5
Fail
1.4
Fail
2.1
Fail
1.0
Fail
1.5
Fail
—
1.1
Fail
1.4
Fail
1.0
Fail
1.4
Fail
1.1
Fail
—
1.6
Fail
1.5
Fail
2.1
Fail
1.4
Fail
1.6
Fail
—
White BG
1.8Fail
1.3Fail
1.9Fail
1.7Fail
2.7Fail
Black BG
11.9AAA
16.7AAA
11.4AAA
12.3AAA
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1B9
ECECB3
CBCB7F
DCDBA4
BFBE7D

Deuteranopia

C0C0BA
ECEDB7
CDCE84
DFE4A5
C6CF7C

Tritanopia

BDBCBD
EFC0C3
D58F92
F3A9AA
EE7C7C

Achromatopsia

C1C1C1
E2E2E2
BBBBBB
C8C8C8
9E9E9E

Shades & Tints Shades & Tints

#BDC6B5

Dark
Light

#EFE8A2

Dark
Light

#D6BD6B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bdc6b5;
  --color-2: #efe8a2;
  --color-3: #d6bd6b;
  --color-4: #f6b99d;
  --color-5: #f4797e;
}

SCSS

$color-1: #bdc6b5;
$color-2: #efe8a2;
$color-3: #d6bd6b;
$color-4: #f6b99d;
$color-5: #f4797e;

TAILWIND

colors: {
  'brand-1': '#bdc6b5',
  'brand-2': '#efe8a2',
  'brand-3': '#d6bd6b',
  'brand-4': '#f6b99d',
  'brand-5': '#f4797e',
}

RGB Array

[189, 198, 181], [239, 232, 162], [214, 189, 107], [246, 185, 157], [244, 121, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #BDC6B5, #EFE8A2, #D6BD6B, #F6B99D, #F4797E 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: #bdc6b5; --color-2: #efe8a2; --color-3: #d6bd6b; --color-4: #f6b99d; --color-5: #f4797e. 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