← Back to Editor

#443D44 · #6B6A78 · #BC7768 · #FBA27A · #FCD6CD

nature

A 5-color nature palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlogData Visualization

Color Details Color Details

#443D44

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#443D44
RGB
rgb(68, 61, 68)
HSL
hsl(300, 5%, 25%)
HSB
hsb(300, 10%, 27%)
CMYK
cmyk(0%, 10%, 0%, 73%)
Oklch
oklch(37.0% 0.015 325.9)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#6B6A78

Ink Gray · DimGray · Warm Gray

HEX
#6B6A78
RGB
rgb(107, 106, 120)
HSL
hsl(244, 6%, 44%)
HSB
hsb(244, 12%, 47%)
CMYK
cmyk(11%, 12%, 0%, 53%)
Oklch
oklch(53.0% 0.022 288.9)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#BC7768

Crimson · DarkSalmon · Passion Red

HEX
#BC7768
RGB
rgb(188, 119, 104)
HSL
hsl(11, 39%, 57%)
HSB
hsb(11, 45%, 74%)
CMYK
cmyk(0%, 37%, 45%, 26%)
Oklch
oklch(63.9% 0.090 32.9)

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

#FBA27A

Apricot · LightSalmon · Warm Sun

HEX
#FBA27A
RGB
rgb(251, 162, 122)
HSL
hsl(19, 94%, 73%)
HSB
hsb(19, 51%, 98%)
CMYK
cmyk(0%, 35%, 51%, 2%)
Oklch
oklch(79.2% 0.119 44.8)

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

#FCD6CD

Peach Pink · Bisque · Cherry Blossom

HEX
#FCD6CD
RGB
rgb(252, 214, 205)
HSL
hsl(11, 89%, 90%)
HSB
hsb(11, 19%, 99%)
CMYK
cmyk(0%, 15%, 19%, 1%)
Oklch
oklch(90.6% 0.045 33.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

443D44
3D433D

Analogous

403D43
443D44
433D40

Triadic

443D44
43433D
3D4343

Split-Comp.

443D44
40433D
3D4340

Tetradic

443D44
43403D
3D433D
3D4043

Contrast Matrix WCAG 2.1 Contrast

443D44
6B6A78
BC7768
FBA27A
FCD6CD
—
2.0
Fail
3.0
Fail
5.3
AA
7.8
AAA
2.0
Fail
—
1.5
Fail
2.7
Fail
4.0
AA Large
3.0
Fail
1.5
Fail
—
1.8
Fail
2.6
Fail
5.3
AA
2.7
Fail
1.8
Fail
—
1.5
Fail
7.8
AAA
4.0
AA Large
2.6
Fail
1.5
Fail
—
White BG
10.5AAA
5.3AA
3.5AA Large
2.0Fail
1.3Fail
Black BG
2.0Fail
4.0AA Large
6.0AA
10.6AAA
15.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

414142
6B6B75
9E9E6C
D4D484
ECEBCF

Deuteranopia

414242
6B6B74
A2A76D
DAE086
EEF1D0

Tritanopia

444141
6B7271
B96E6F
F78B8D
FAD1D1

Achromatopsia

404040
6C6C6C
8A8A8A
B8B8B8
E0E0E0

Shades & Tints Shades & Tints

#443D44

Dark
Light

#6B6A78

Dark
Light

#BC7768

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #443d44;
  --color-2: #6b6a78;
  --color-3: #bc7768;
  --color-4: #fba27a;
  --color-5: #fcd6cd;
}

SCSS

$color-1: #443d44;
$color-2: #6b6a78;
$color-3: #bc7768;
$color-4: #fba27a;
$color-5: #fcd6cd;

TAILWIND

colors: {
  'brand-1': '#443d44',
  'brand-2': '#6b6a78',
  'brand-3': '#bc7768',
  'brand-4': '#fba27a',
  'brand-5': '#fcd6cd',
}

RGB Array

[68, 61, 68], [107, 106, 120], [188, 119, 104], [251, 162, 122], [252, 214, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #443D44, #6B6A78, #BC7768, #FBA27A, #FCD6CD 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: #443d44; --color-2: #6b6a78; --color-3: #bc7768; --color-4: #fba27a; --color-5: #fcd6cd. 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