← Back to Editor

#BDBF6C · #372926 · #9B5071 · #E98DA2 · #F2D3BE

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

#BDBF6C

Autumn Sage · Tan · Sunflower

HEX
#BDBF6C
RGB
rgb(189, 191, 108)
HSL
hsl(61, 39%, 59%)
HSB
hsb(61, 43%, 75%)
CMYK
cmyk(1%, 0%, 43%, 25%)
Oklch
oklch(78.5% 0.106 109.8)

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

#372926

Crimson · DarkSlateGray · Deep Berry

HEX
#372926
RGB
rgb(55, 41, 38)
HSL
hsl(11, 18%, 18%)
HSB
hsb(11, 31%, 22%)
CMYK
cmyk(0%, 25%, 31%, 78%)
Oklch
oklch(29.6% 0.022 32.2)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#9B5071

Dark Violet · DimGray · Camellia

HEX
#9B5071
RGB
rgb(155, 80, 113)
HSL
hsl(334, 32%, 46%)
HSB
hsb(334, 48%, 61%)
CMYK
cmyk(0%, 48%, 27%, 39%)
Oklch
oklch(53.2% 0.107 353.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#E98DA2

Peach Pink · LightCoral · Coral Red

HEX
#E98DA2
RGB
rgb(233, 141, 162)
HSL
hsl(346, 68%, 73%)
HSB
hsb(346, 39%, 91%)
CMYK
cmyk(0%, 39%, 30%, 9%)
Oklch
oklch(74.5% 0.114 5.5)

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

#F2D3BE

Apricot · Wheat · Peach Orange

HEX
#F2D3BE
RGB
rgb(242, 211, 190)
HSL
hsl(24, 67%, 85%)
HSB
hsb(24, 21%, 95%)
CMYK
cmyk(0%, 13%, 21%, 5%)
Oklch
oklch(88.7% 0.045 56.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BDBF6C
6F6EBF

Analogous

BF986E
BDBF6C
95BF6E

Triadic

BDBF6C
6EBEBF
BF6EBE

Split-Comp.

BDBF6C
6E95BF
986EBF

Tetradic

BDBF6C
6EBF98
6F6EBF
BF6E95

Contrast Matrix WCAG 2.1 Contrast

BDBF6C
372926
9B5071
E98DA2
F2D3BE
—
7.2
AAA
2.9
Fail
1.2
Fail
1.4
Fail
7.2
AAA
—
2.5
Fail
5.8
AA
9.8
AAA
2.9
Fail
2.5
Fail
—
2.3
Fail
3.9
AA Large
1.2
Fail
5.8
AA
2.3
Fail
—
1.7
Fail
1.4
Fail
9.8
AAA
3.9
AA Large
1.7
Fail
—
White BG
1.9Fail
13.9AAA
5.6AA
2.4Fail
1.4Fail
Black BG
10.8AAA
1.5Fail
3.8AA Large
8.8AAA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBE80
313127
7B7A69
C1C09D
E5E4C3

Deuteranopia

BEBE85
323327
7F8567
C7CD9C
E6E9C4

Tritanopia

BD9093
362727
976361
E49998
F0C7C8

Achromatopsia

B5B5B5
2D2D2D
6A6A6A
ABABAB
DADADA

Shades & Tints Shades & Tints

#BDBF6C

Dark
Light

#372926

Dark
Light

#9B5071

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bdbf6c;
  --color-2: #372926;
  --color-3: #9b5071;
  --color-4: #e98da2;
  --color-5: #f2d3be;
}

SCSS

$color-1: #bdbf6c;
$color-2: #372926;
$color-3: #9b5071;
$color-4: #e98da2;
$color-5: #f2d3be;

TAILWIND

colors: {
  'brand-1': '#bdbf6c',
  'brand-2': '#372926',
  'brand-3': '#9b5071',
  'brand-4': '#e98da2',
  'brand-5': '#f2d3be',
}

RGB Array

[189, 191, 108], [55, 41, 38], [155, 80, 113], [233, 141, 162], [242, 211, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #BDBF6C, #372926, #9B5071, #E98DA2, #F2D3BE 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: #bdbf6c; --color-2: #372926; --color-3: #9b5071; --color-4: #e98da2; --color-5: #f2d3be. 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