← Back to Editor

#78525D · #F17D80 · #F6AD7A · #CBE2AC · #E5EBBF

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

#78525D

Dark Violet · DimGray · Camellia

HEX
#78525D
RGB
rgb(120, 82, 93)
HSL
hsl(343, 19%, 40%)
HSB
hsb(343, 32%, 47%)
CMYK
cmyk(0%, 32%, 22%, 53%)
Oklch
oklch(48.3% 0.053 0.3)

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

#F17D80

Peach Pink · LightCoral · Coral Red

HEX
#F17D80
RGB
rgb(241, 125, 128)
HSL
hsl(358, 81%, 72%)
HSB
hsb(358, 48%, 95%)
CMYK
cmyk(0%, 48%, 47%, 5%)
Oklch
oklch(72.1% 0.143 19.7)

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

#F6AD7A

Apricot · LightSalmon · Warm Sun

HEX
#F6AD7A
RGB
rgb(246, 173, 122)
HSL
hsl(25, 87%, 72%)
HSB
hsb(25, 50%, 96%)
CMYK
cmyk(0%, 30%, 50%, 4%)
Oklch
oklch(80.6% 0.109 55.5)

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

#CBE2AC

Willow Green · Silver · Apple Green

HEX
#CBE2AC
RGB
rgb(203, 226, 172)
HSL
hsl(86, 48%, 78%)
HSB
hsb(86, 24%, 89%)
CMYK
cmyk(10%, 0%, 24%, 11%)
Oklch
oklch(88.2% 0.076 126.6)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#E5EBBF

Fresh Green · Wheat · Lemon Cream

HEX
#E5EBBF
RGB
rgb(229, 235, 191)
HSL
hsl(68, 52%, 84%)
HSB
hsb(68, 19%, 92%)
CMYK
cmyk(3%, 0%, 19%, 8%)
Oklch
oklch(92.4% 0.058 113.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

78525D
53796E

Analogous

795371
78525D
795B53

Triadic

78525D
5E7953
535E79

Split-Comp.

78525D
53795B
537179

Tetradic

78525D
717953
53796E
5B5379

Contrast Matrix WCAG 2.1 Contrast

78525D
F17D80
F6AD7A
CBE2AC
E5EBBF
—
2.5
Fail
3.5
AA Large
4.7
AA
5.4
AA
2.5
Fail
—
1.4
Fail
1.9
Fail
2.1
Fail
3.5
AA Large
1.4
Fail
—
1.3
Fail
1.5
Fail
4.7
AA
1.9
Fail
1.3
Fail
—
1.1
Fail
5.4
AA
2.1
Fail
1.5
Fail
1.1
Fail
—
White BG
6.6AA
2.6Fail
1.9Fail
1.4Fail
1.2Fail
Black BG
3.2AA Large
8.0AAA
11.2AAA
15.0AAA
17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

68675A
BFBE7F
D6D686
D5D5B9
E8E8CA

Deuteranopia

6A6D5A
C6CE7F
DBE089
D4D2BC
E7E7CC

Tritanopia

765858
EB7F7F
F29092
CCC3C6
E5D2D4

Achromatopsia

5F5F5F
A0A0A0
BDBDBD
D5D5D5
E4E4E4

Shades & Tints Shades & Tints

#78525D

Dark
Light

#F17D80

Dark
Light

#F6AD7A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #78525d;
  --color-2: #f17d80;
  --color-3: #f6ad7a;
  --color-4: #cbe2ac;
  --color-5: #e5ebbf;
}

SCSS

$color-1: #78525d;
$color-2: #f17d80;
$color-3: #f6ad7a;
$color-4: #cbe2ac;
$color-5: #e5ebbf;

TAILWIND

colors: {
  'brand-1': '#78525d',
  'brand-2': '#f17d80',
  'brand-3': '#f6ad7a',
  'brand-4': '#cbe2ac',
  'brand-5': '#e5ebbf',
}

RGB Array

[120, 82, 93], [241, 125, 128], [246, 173, 122], [203, 226, 172], [229, 235, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #78525D, #F17D80, #F6AD7A, #CBE2AC, #E5EBBF is ideal for: health products, baby brands, fresh-style blogs, 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: #78525d; --color-2: #f17d80; --color-3: #f6ad7a; --color-4: #cbe2ac; --color-5: #e5ebbf. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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