← Back to Editor

#73547A · #4E7B8F · #8BA1AA · #79AFAD · #DBDDC6

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlogData Visualization

Color Details Color Details

#73547A

Dark Plum · DimGray · Eggplant

HEX
#73547A
RGB
rgb(115, 84, 122)
HSL
hsl(289, 18%, 40%)
HSB
hsb(289, 31%, 48%)
CMYK
cmyk(6%, 31%, 0%, 52%)
Oklch
oklch(49.3% 0.070 320.1)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#4E7B8F

Slate Blue · SlateGray · Mint Ice

HEX
#4E7B8F
RGB
rgb(78, 123, 143)
HSL
hsl(198, 29%, 43%)
HSB
hsb(198, 45%, 56%)
CMYK
cmyk(45%, 14%, 0%, 44%)
Oklch
oklch(55.8% 0.058 227.9)

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

#8BA1AA

Sky Blue · DarkGray · Lake Green

HEX
#8BA1AA
RGB
rgb(139, 161, 170)
HSL
hsl(197, 15%, 61%)
HSB
hsb(197, 18%, 67%)
CMYK
cmyk(18%, 5%, 0%, 33%)
Oklch
oklch(69.5% 0.028 224.4)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#79AFAD

Mineral Blue · CadetBlue · Lake Green

HEX
#79AFAD
RGB
rgb(121, 175, 173)
HSL
hsl(178, 25%, 58%)
HSB
hsb(178, 31%, 69%)
CMYK
cmyk(31%, 0%, 1%, 31%)
Oklch
oklch(71.6% 0.057 193.0)

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

#DBDDC6

Fresh Green · LightGray · Lemon Cream

HEX
#DBDDC6
RGB
rgb(219, 221, 198)
HSL
hsl(65, 25%, 82%)
HSB
hsb(65, 10%, 87%)
CMYK
cmyk(1%, 0%, 10%, 13%)
Oklch
oklch(89.0% 0.031 111.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

73547A
5A7854

Analogous

5F5478
73547A
78546D

Triadic

73547A
787254
547872

Split-Comp.

73547A
6D7854
54785F

Tetradic

73547A
785F54
5A7854
546D78

Contrast Matrix WCAG 2.1 Contrast

73547A
4E7B8F
8BA1AA
79AFAD
DBDDC6
—
1.4
Fail
2.4
Fail
2.6
Fail
4.6
AA
1.4
Fail
—
1.7
Fail
1.9
Fail
3.3
AA Large
2.4
Fail
1.7
Fail
—
1.1
Fail
2.0
Fail
2.6
Fail
1.9
Fail
1.1
Fail
—
1.8
Fail
4.6
AA
3.3
AA Large
2.0
Fail
1.8
Fail
—
White BG
6.4AA
4.6AA
2.7Fail
2.5Fail
1.4Fail
Black BG
3.3AA Large
4.6AA
7.8AAA
8.5AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

666571
61628A
9595A8
9091AD
DCDCCC

Deuteranopia

676A6F
5F5C89
9392A7
8D89AE
DCDCCD

Tritanopia

716A68
508686
8CA6A6
7CAEAE
DBD0D1

Achromatopsia

626262
707070
9B9B9B
9F9F9F
DADADA

Shades & Tints Shades & Tints

#73547A

Dark
Light

#4E7B8F

Dark
Light

#8BA1AA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #73547a;
  --color-2: #4e7b8f;
  --color-3: #8ba1aa;
  --color-4: #79afad;
  --color-5: #dbddc6;
}

SCSS

$color-1: #73547a;
$color-2: #4e7b8f;
$color-3: #8ba1aa;
$color-4: #79afad;
$color-5: #dbddc6;

TAILWIND

colors: {
  'brand-1': '#73547a',
  'brand-2': '#4e7b8f',
  'brand-3': '#8ba1aa',
  'brand-4': '#79afad',
  'brand-5': '#dbddc6',
}

RGB Array

[115, 84, 122], [78, 123, 143], [139, 161, 170], [121, 175, 173], [219, 221, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #73547A, #4E7B8F, #8BA1AA, #79AFAD, #DBDDC6 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #73547a; --color-2: #4e7b8f; --color-3: #8ba1aa; --color-4: #79afad; --color-5: #dbddc6. 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. Restrained colors convey professionalism and trust. 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