← Back to Editor

#7ED6AD · #A69F72 · #996A5F · #80425A · #1F1619

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#7ED6AD

Jade · MediumAquaMarine · Apple Green

HEX
#7ED6AD
RGB
rgb(126, 214, 173)
HSL
hsl(152, 52%, 67%)
HSB
hsb(152, 41%, 84%)
CMYK
cmyk(41%, 0%, 19%, 16%)
Oklch
oklch(80.9% 0.104 162.7)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#A69F72

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A69F72
RGB
rgb(166, 159, 114)
HSL
hsl(52, 23%, 55%)
HSB
hsb(52, 31%, 65%)
CMYK
cmyk(0%, 4%, 31%, 35%)
Oklch
oklch(69.7% 0.062 100.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#996A5F

Crimson · Gray · Passion Red

HEX
#996A5F
RGB
rgb(153, 106, 95)
HSL
hsl(11, 23%, 49%)
HSB
hsb(11, 38%, 60%)
CMYK
cmyk(0%, 31%, 38%, 40%)
Oklch
oklch(57.0% 0.063 33.7)

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

#80425A

Dark Violet · DimGray · Camellia

HEX
#80425A
RGB
rgb(128, 66, 90)
HSL
hsl(337, 32%, 38%)
HSB
hsb(337, 48%, 50%)
CMYK
cmyk(0%, 48%, 30%, 50%)
Oklch
oklch(46.4% 0.090 356.6)

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

#1F1619

Dark Violet · Black · Raspberry

HEX
#1F1619
RGB
rgb(31, 22, 25)
HSL
hsl(340, 17%, 10%)
HSB
hsb(340, 29%, 12%)
CMYK
cmyk(0%, 29%, 19%, 88%)
Oklch
oklch(21.3% 0.016 356.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7ED6AD
D77FA8

Analogous

7FD782
7ED6AD
7FD4D7

Triadic

7ED6AD
AE7FD7
D7AE7F

Split-Comp.

7ED6AD
D77FD4
D7827F

Tetradic

7ED6AD
827FD7
D77FA8
D4D77F

Contrast Matrix WCAG 2.1 Contrast

7ED6AD
A69F72
996A5F
80425A
1F1619
—
1.5
Fail
2.6
Fail
4.3
AA Large
10.2
AAA
1.5
Fail
—
1.7
Fail
2.8
Fail
6.6
AA
2.6
Fail
1.7
Fail
—
1.6
Fail
3.9
AA Large
4.3
AA Large
2.8
Fail
1.6
Fail
—
2.4
Fail
10.2
AAA
6.6
AA
3.9
AA Large
2.4
Fail
—
White BG
1.7Fail
2.7Fail
4.6AA
7.4AAA
17.7AAA
Black BG
12.1AAA
7.8AAA
4.6AA
2.8Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A5B7
A3A37D
858462
656554
1B1B18

Deuteranopia

9F98B9
A3A480
878B62
696D53
1C1C18

Tritanopia

82BFC0
A68587
976464
7D504F
1F1818

Achromatopsia

B7B7B7
9C9C9C
777777
575757
191919

Shades & Tints Shades & Tints

#7ED6AD

Dark
Light

#A69F72

Dark
Light

#996A5F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7ed6ad;
  --color-2: #a69f72;
  --color-3: #996a5f;
  --color-4: #80425a;
  --color-5: #1f1619;
}

SCSS

$color-1: #7ed6ad;
$color-2: #a69f72;
$color-3: #996a5f;
$color-4: #80425a;
$color-5: #1f1619;

TAILWIND

colors: {
  'brand-1': '#7ed6ad',
  'brand-2': '#a69f72',
  'brand-3': '#996a5f',
  'brand-4': '#80425a',
  'brand-5': '#1f1619',
}

RGB Array

[126, 214, 173], [166, 159, 114], [153, 106, 95], [128, 66, 90], [31, 22, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #7ED6AD, #A69F72, #996A5F, #80425A, #1F1619 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: #7ed6ad; --color-2: #a69f72; --color-3: #996a5f; --color-4: #80425a; --color-5: #1f1619. 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 sunset-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