← Back to Editor

#E72327 · #DAD6B0 · #7BA99F · #337D80 · #3B2B28

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

#E72327

Vermilion · Crimson · Passion Red

HEX
#E72327
RGB
rgb(231, 35, 39)
HSL
hsl(359, 80%, 52%)
HSB
hsb(359, 85%, 91%)
CMYK
cmyk(0%, 85%, 83%, 9%)
Oklch
oklch(59.6% 0.226 27.0)

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

#DAD6B0

Fresh Green · Wheat · Lemon Cream

HEX
#DAD6B0
RGB
rgb(218, 214, 176)
HSL
hsl(54, 36%, 77%)
HSB
hsb(54, 19%, 85%)
CMYK
cmyk(0%, 2%, 19%, 15%)
Oklch
oklch(87.0% 0.051 102.4)

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

#7BA99F

Mineral Blue · CadetBlue · Lake Green

HEX
#7BA99F
RGB
rgb(123, 169, 159)
HSL
hsl(167, 21%, 57%)
HSB
hsb(167, 27%, 66%)
CMYK
cmyk(27%, 0%, 6%, 34%)
Oklch
oklch(69.9% 0.052 179.8)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#337D80

Slate Blue · SeaGreen · Mint Ice

HEX
#337D80
RGB
rgb(51, 125, 128)
HSL
hsl(182, 43%, 35%)
HSB
hsb(182, 60%, 50%)
CMYK
cmyk(60%, 2%, 0%, 50%)
Oklch
oklch(54.5% 0.073 198.9)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#3B2B28

Crimson · DarkSlateGray · Deep Berry

HEX
#3B2B28
RGB
rgb(59, 43, 40)
HSL
hsl(9, 19%, 19%)
HSB
hsb(9, 32%, 23%)
CMYK
cmyk(0%, 27%, 32%, 77%)
Oklch
oklch(30.7% 0.025 30.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E72327
23E7E3

Analogous

E72388
E72327
E78123

Triadic

E72327
26E723
2326E7

Split-Comp.

E72327
23E781
2388E7

Tetradic

E72327
88E723
23E7E3
8123E7

Contrast Matrix WCAG 2.1 Contrast

E72327
DAD6B0
7BA99F
337D80
3B2B28
—
3.0
AA Large
1.7
Fail
1.1
Fail
3.0
Fail
3.0
AA Large
—
1.8
Fail
3.2
AA Large
9.1
AAA
1.7
Fail
1.8
Fail
—
1.8
Fail
5.1
AA
1.1
Fail
3.2
AA Large
1.8
Fail
—
2.8
Fail
3.0
Fail
9.1
AAA
5.1
AA
2.8
Fail
—
White BG
4.5AA Large
1.5Fail
2.6Fail
4.8AA
13.4AAA
Black BG
4.7AA
14.2AAA
8.0AAA
4.4AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

929026
D8D8B9
8F8FA1
53547F
343429

Deuteranopia

9EAC26
D9D9BB
8C89A2
4F497F
353629

Tritanopia

DD2525
DAC0C2
7DA3A4
377F7F
3A2929

Achromatopsia

5E5E5E
D3D3D3
9A9A9A
676767
2F2F2F

Shades & Tints Shades & Tints

#E72327

Dark
Light

#DAD6B0

Dark
Light

#7BA99F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e72327;
  --color-2: #dad6b0;
  --color-3: #7ba99f;
  --color-4: #337d80;
  --color-5: #3b2b28;
}

SCSS

$color-1: #e72327;
$color-2: #dad6b0;
$color-3: #7ba99f;
$color-4: #337d80;
$color-5: #3b2b28;

TAILWIND

colors: {
  'brand-1': '#e72327',
  'brand-2': '#dad6b0',
  'brand-3': '#7ba99f',
  'brand-4': '#337d80',
  'brand-5': '#3b2b28',
}

RGB Array

[231, 35, 39], [218, 214, 176], [123, 169, 159], [51, 125, 128], [59, 43, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #E72327, #DAD6B0, #7BA99F, #337D80, #3B2B28 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: #e72327; --color-2: #dad6b0; --color-3: #7ba99f; --color-4: #337d80; --color-5: #3b2b28. 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