← Back to Editor

#BCB19F · #CDC9B7 · #B02B4F · #781D38 · #3B1420

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

#BCB19F

Ginger · DarkGray · Warm Sun

HEX
#BCB19F
RGB
rgb(188, 177, 159)
HSL
hsl(37, 18%, 68%)
HSB
hsb(37, 15%, 74%)
CMYK
cmyk(0%, 6%, 15%, 26%)
Oklch
oklch(76.5% 0.028 80.2)

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

#CDC9B7

Goose Yellow · Silver · Lemon Cream

HEX
#CDC9B7
RGB
rgb(205, 201, 183)
HSL
hsl(49, 18%, 76%)
HSB
hsb(49, 11%, 80%)
CMYK
cmyk(0%, 2%, 11%, 20%)
Oklch
oklch(83.4% 0.025 96.6)

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

#B02B4F

Dark Violet · Brown · Camellia

HEX
#B02B4F
RGB
rgb(176, 43, 79)
HSL
hsl(344, 61%, 43%)
HSB
hsb(344, 76%, 69%)
CMYK
cmyk(0%, 76%, 55%, 31%)
Oklch
oklch(50.8% 0.169 10.0)

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

#781D38

Dark Violet · Brown · Camellia

HEX
#781D38
RGB
rgb(120, 29, 56)
HSL
hsl(342, 61%, 29%)
HSB
hsb(342, 76%, 47%)
CMYK
cmyk(0%, 76%, 53%, 53%)
Oklch
oklch(38.8% 0.126 7.7)

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

#3B1420

Dark Violet · Black · Raspberry

HEX
#3B1420
RGB
rgb(59, 20, 32)
HSL
hsl(342, 49%, 15%)
HSB
hsb(342, 66%, 23%)
CMYK
cmyk(0%, 66%, 46%, 77%)
Oklch
oklch(25.7% 0.063 3.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BCB19F
9FAABC

Analogous

BCA29F
BCB19F
B9BC9F

Triadic

BCB19F
9FBCB1
B19FBC

Split-Comp.

BCB19F
9FB9BC
A29FBC

Tetradic

BCB19F
9FBCA2
9FAABC
BC9FB9

Contrast Matrix WCAG 2.1 Contrast

BCB19F
CDC9B7
B02B4F
781D38
3B1420
—
1.3
Fail
3.0
AA Large
4.9
AA
7.6
AAA
1.3
Fail
—
3.8
AA Large
6.2
AA
9.7
AAA
3.0
AA Large
3.8
AA Large
—
1.6
Fail
2.5
Fail
4.9
AA
6.2
AA
1.6
Fail
—
1.6
Fail
7.6
AAA
9.7
AAA
2.5
Fail
1.6
Fail
—
White BG
2.1Fail
1.7Fail
6.4AA
10.3AAA
16.1AAA
Black BG
9.9AAA
12.6AAA
3.3AA Large
2.0Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B7A3
CBCBBB
767546
515031
2A2A1D

Deuteranopia

B8B9A4
CCCCBC
7E8844
565D30
2C2F1C

Tritanopia

BBA7A8
CDBFC0
A93F3E
732C2B
391B1A

Achromatopsia

B2B2B2
C8C8C8
575757
3B3B3B
212121

Shades & Tints Shades & Tints

#BCB19F

Dark
Light

#CDC9B7

Dark
Light

#B02B4F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bcb19f;
  --color-2: #cdc9b7;
  --color-3: #b02b4f;
  --color-4: #781d38;
  --color-5: #3b1420;
}

SCSS

$color-1: #bcb19f;
$color-2: #cdc9b7;
$color-3: #b02b4f;
$color-4: #781d38;
$color-5: #3b1420;

TAILWIND

colors: {
  'brand-1': '#bcb19f',
  'brand-2': '#cdc9b7',
  'brand-3': '#b02b4f',
  'brand-4': '#781d38',
  'brand-5': '#3b1420',
}

RGB Array

[188, 177, 159], [205, 201, 183], [176, 43, 79], [120, 29, 56], [59, 20, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #BCB19F, #CDC9B7, #B02B4F, #781D38, #3B1420 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: #bcb19f; --color-2: #cdc9b7; --color-3: #b02b4f; --color-4: #781d38; --color-5: #3b1420. 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