← Back to Editor

#7DAB9E · #735323 · #F3937E · #E6BD9B · #E6DA94

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

#7DAB9E

Mineral Blue · DarkSeaGreen · Lake Green

HEX
#7DAB9E
RGB
rgb(125, 171, 158)
HSL
hsl(163, 21%, 58%)
HSB
hsb(163, 27%, 67%)
CMYK
cmyk(27%, 0%, 8%, 33%)
Oklch
oklch(70.4% 0.053 175.4)

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

#735323

Ochre · DarkOliveGreen · Amber Brown

HEX
#735323
RGB
rgb(115, 83, 35)
HSL
hsl(36, 53%, 29%)
HSB
hsb(36, 70%, 45%)
CMYK
cmyk(0%, 28%, 70%, 55%)
Oklch
oklch(46.6% 0.077 74.8)

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

#F3937E

Peach Pink · DarkSalmon · Coral Red

HEX
#F3937E
RGB
rgb(243, 147, 126)
HSL
hsl(11, 83%, 72%)
HSB
hsb(11, 48%, 95%)
CMYK
cmyk(0%, 40%, 48%, 5%)
Oklch
oklch(75.8% 0.121 33.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E6BD9B

Apricot · BurlyWood · Warm Sun

HEX
#E6BD9B
RGB
rgb(230, 189, 155)
HSL
hsl(27, 60%, 75%)
HSB
hsb(27, 33%, 90%)
CMYK
cmyk(0%, 18%, 33%, 10%)
Oklch
oklch(82.6% 0.066 61.4)

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

#E6DA94

Fresh Green · Khaki · Sunflower

HEX
#E6DA94
RGB
rgb(230, 218, 148)
HSL
hsl(51, 62%, 74%)
HSB
hsb(51, 36%, 90%)
CMYK
cmyk(0%, 5%, 36%, 10%)
Oklch
oklch(88.2% 0.090 99.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7DAB9E
AA7D8A

Analogous

7DAA87
7DAB9E
7DA1AA

Triadic

7DAB9E
9E7DAA
AA9E7D

Split-Comp.

7DAB9E
AA7DA1
AA877D

Tetradic

7DAB9E
877DAA
AA7D8A
A1AA7D

Contrast Matrix WCAG 2.1 Contrast

7DAB9E
735323
F3937E
E6BD9B
E6DA94
—
2.7
Fail
1.1
Fail
1.5
Fail
1.8
Fail
2.7
Fail
—
3.1
AA Large
4.1
AA Large
5.0
AA
1.1
Fail
3.1
AA Large
—
1.3
Fail
1.6
Fail
1.5
Fail
4.1
AA Large
1.3
Fail
—
1.2
Fail
1.8
Fail
5.0
AA
1.6
Fail
1.2
Fail
—
White BG
2.6Fail
7.0AAA
2.3Fail
1.7Fail
1.4Fail
Black BG
8.2AAA
3.0Fail
9.3AAA
12.1AAA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9191A1
65652F
C9C983
D4D4A3
E1E1A5

Deuteranopia

8E8BA2
676931
CFD684
D7DAA5
E2E2A9

Tritanopia

7FA4A4
71383A
EE8788
E4AAAB
E5B2B5

Achromatopsia

9C9C9C
575757
ADADAD
C5C5C5
D6D6D6

Shades & Tints Shades & Tints

#7DAB9E

Dark
Light

#735323

Dark
Light

#F3937E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7dab9e;
  --color-2: #735323;
  --color-3: #f3937e;
  --color-4: #e6bd9b;
  --color-5: #e6da94;
}

SCSS

$color-1: #7dab9e;
$color-2: #735323;
$color-3: #f3937e;
$color-4: #e6bd9b;
$color-5: #e6da94;

TAILWIND

colors: {
  'brand-1': '#7dab9e',
  'brand-2': '#735323',
  'brand-3': '#f3937e',
  'brand-4': '#e6bd9b',
  'brand-5': '#e6da94',
}

RGB Array

[125, 171, 158], [115, 83, 35], [243, 147, 126], [230, 189, 155], [230, 218, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #7DAB9E, #735323, #F3937E, #E6BD9B, #E6DA94 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: #7dab9e; --color-2: #735323; --color-3: #f3937e; --color-4: #e6bd9b; --color-5: #e6da94. 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