#7A5682 + #292E44 + #779674 + #57CFA1 + #9D8432 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#7A5682

Dark Plum · DimGray · Violet

HEX

#7A5682

RGB

rgb(122, 86, 130)

HSL

hsl(289, 20%, 42%)

HSB

hsb(289, 34%, 51%)

CMYK

cmyk(6%, 34%, 0%, 49%)

Oklch

oklch(50.8% 0.080 320.2)

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

#292E44

Indigo · DarkSlateGray · Prussian Blue

HEX

#292E44

RGB

rgb(41, 46, 68)

HSL

hsl(229, 25%, 21%)

HSB

hsb(229, 40%, 27%)

CMYK

cmyk(40%, 32%, 0%, 73%)

Oklch

oklch(30.7% 0.040 274.0)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#779674

Celadon · Gray · Olive Green

HEX

#779674

RGB

rgb(119, 150, 116)

HSL

hsl(115, 14%, 52%)

HSB

hsb(115, 23%, 59%)

CMYK

cmyk(21%, 0%, 23%, 41%)

Oklch

oklch(64.0% 0.061 142.6)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#57CFA1

Mineral Blue · MediumAquaMarine · Olive Green

HEX

#57CFA1

RGB

rgb(87, 207, 161)

HSL

hsl(157, 56%, 58%)

HSB

hsb(157, 58%, 81%)

CMYK

cmyk(58%, 0%, 22%, 19%)

Oklch

oklch(77.4% 0.128 165.0)

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

#9D8432

Ochre · DarkGoldenRod · Honey Gold

HEX

#9D8432

RGB

rgb(157, 132, 50)

HSL

hsl(46, 52%, 41%)

HSB

hsb(46, 68%, 62%)

CMYK

cmyk(0%, 16%, 68%, 38%)

Oklch

oklch(62.1% 0.105 92.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A5682

5E8156

Analogous

635681

7A5682

815673

Triadic

7A5682

817956

568179

Split-Comp.

7A5682

738156

568163

Tetradic

7A5682

816356

5E8156

567381

Contrast Matrix WCAG 2.1 Contrast

7A5682	292E44	779674	57CFA1	9D8432
—	2.2 Fail	1.8 Fail	3.1 AA Large	1.7 Fail
2.2 Fail	—	4.1 AA Large	6.9 AA	3.7 AA Large
1.8 Fail	4.1 AA Large	—	1.7 Fail	1.1 Fail
3.1 AA Large	6.9 AA	1.7 Fail	—	1.9 Fail
1.7 Fail	3.7 AA Large	1.1 Fail	1.9 Fail	—

White BG

6.0AA

13.4AAA

3.3AA Large

1.9Fail

3.6AA Large

Black BG

3.5AA Large

1.6Fail

6.4AA

10.8AAA

5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A6A77

2B2B3F

84857C

8B8CAC

929246

Deuteranopia

6D6F75

2B2B3D

83807E

847BAF

94964B

Tritanopia

786F6D

293A3A

798384

5DB5B7

9C5659

Achromatopsia

666666

2F2F2F

898989

A6A6A6

828282

Shades & Tints Shades & Tints

#7A5682

Dark

Light

#292E44

Dark

Light

#779674

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a5682;
  --color-2: #292e44;
  --color-3: #779674;
  --color-4: #57cfa1;
  --color-5: #9d8432;
}

SCSS

$color-1: #7a5682;
$color-2: #292e44;
$color-3: #779674;
$color-4: #57cfa1;
$color-5: #9d8432;

TAILWIND

colors: {
  'brand-1': '#7a5682',
  'brand-2': '#292e44',
  'brand-3': '#779674',
  'brand-4': '#57cfa1',
  'brand-5': '#9d8432',
}

RGB Array

[122, 86, 130], [41, 46, 68], [119, 150, 116], [87, 207, 161], [157, 132, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #7A5682, #292E44, #779674, #57CFA1, #9D8432 is ideal for: corporate websites, product showcases, portfolios. 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: #7a5682; --color-2: #292e44; --color-3: #779674; --color-4: #57cfa1; --color-5: #9d8432. 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. 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