← Back to Editor

#BFD8AD · #E2D29F · #5F4D37 · #F38629 · #F13C2B

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

Color Details Color Details

#BFD8AD

Celadon · Silver · Apple Green

HEX
#BFD8AD
RGB
rgb(191, 216, 173)
HSL
hsl(95, 36%, 76%)
HSB
hsb(95, 20%, 85%)
CMYK
cmyk(12%, 0%, 20%, 15%)
Oklch
oklch(85.2% 0.064 132.3)

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

#E2D29F

Goose Yellow · Wheat · Sunflower

HEX
#E2D29F
RGB
rgb(226, 210, 159)
HSL
hsl(46, 54%, 75%)
HSB
hsb(46, 30%, 89%)
CMYK
cmyk(0%, 7%, 30%, 11%)
Oklch
oklch(86.5% 0.069 92.7)

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

#5F4D37

Ochre · DarkOliveGreen · Amber Brown

HEX
#5F4D37
RGB
rgb(95, 77, 55)
HSL
hsl(33, 27%, 29%)
HSB
hsb(33, 42%, 37%)
CMYK
cmyk(0%, 19%, 42%, 63%)
Oklch
oklch(43.3% 0.042 72.0)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#F38629

Tangerine · GoldenRod · Warm Sun

HEX
#F38629
RGB
rgb(243, 134, 41)
HSL
hsl(28, 89%, 56%)
HSB
hsb(28, 83%, 95%)
CMYK
cmyk(0%, 45%, 83%, 5%)
Oklch
oklch(72.6% 0.165 55.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F13C2B

Vermilion · OrangeRed · Passion Red

HEX
#F13C2B
RGB
rgb(241, 60, 43)
HSL
hsl(5, 88%, 56%)
HSB
hsb(5, 82%, 95%)
CMYK
cmyk(0%, 75%, 82%, 5%)
Oklch
oklch(63.0% 0.219 29.8)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFD8AD
C5ACD8

Analogous

D4D8AC
BFD8AD
ACD8AF

Triadic

BFD8AD
ACBED8
D8ACBE

Split-Comp.

BFD8AD
AFACD8
D8ACD4

Tetradic

BFD8AD
ACD4D8
C5ACD8
D8AFAC

Contrast Matrix WCAG 2.1 Contrast

BFD8AD
E2D29F
5F4D37
F38629
F13C2B
—
1.0
Fail
5.2
AA
1.7
Fail
2.5
Fail
1.0
Fail
—
5.4
AA
1.7
Fail
2.6
Fail
5.2
AA
5.4
AA
—
3.2
AA Large
2.1
Fail
1.7
Fail
1.7
Fail
3.2
AA Large
—
1.5
Fail
2.5
Fail
2.6
Fail
2.1
Fail
1.5
Fail
—
White BG
1.5Fail
1.5Fail
8.1AAA
2.5Fail
3.9AA Large
Black BG
13.6AAA
14.0AAA
2.6Fail
8.3AAA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACAB7
DBDBAB
57573C
C4C340
A3A12F

Deuteranopia

C8C7BA
DCDDAE
585A3E
CAD245
ADBB30

Tritanopia

C0C0C1
E1B5B7
5E4141
EE5155
E83233

Achromatopsia

CCCCCC
D1D1D1
505050
9C9C9C
707070

Shades & Tints Shades & Tints

#BFD8AD

Dark
Light

#E2D29F

Dark
Light

#5F4D37

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfd8ad;
  --color-2: #e2d29f;
  --color-3: #5f4d37;
  --color-4: #f38629;
  --color-5: #f13c2b;
}

SCSS

$color-1: #bfd8ad;
$color-2: #e2d29f;
$color-3: #5f4d37;
$color-4: #f38629;
$color-5: #f13c2b;

TAILWIND

colors: {
  'brand-1': '#bfd8ad',
  'brand-2': '#e2d29f',
  'brand-3': '#5f4d37',
  'brand-4': '#f38629',
  'brand-5': '#f13c2b',
}

RGB Array

[191, 216, 173], [226, 210, 159], [95, 77, 55], [243, 134, 41], [241, 60, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #BFD8AD, #E2D29F, #5F4D37, #F38629, #F13C2B is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #bfd8ad; --color-2: #e2d29f; --color-3: #5f4d37; --color-4: #f38629; --color-5: #f13c2b. 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 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