← Back to Editor

#362E38 · #7F9A60 · #E6C768 · #D29160 · #AA4E45

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#362E38

Dark Plum · DarkSlateGray · Dark Purple

HEX
#362E38
RGB
rgb(54, 46, 56)
HSL
hsl(288, 10%, 20%)
HSB
hsb(288, 18%, 22%)
CMYK
cmyk(4%, 18%, 0%, 78%)
Oklch
oklch(31.4% 0.021 319.5)

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

#7F9A60

Grass Green · Gray · Olive Green

HEX
#7F9A60
RGB
rgb(127, 154, 96)
HSL
hsl(88, 23%, 49%)
HSB
hsb(88, 38%, 60%)
CMYK
cmyk(18%, 0%, 38%, 40%)
Oklch
oklch(65.1% 0.087 128.9)

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

#E6C768

Ginger · BurlyWood · Sunflower

HEX
#E6C768
RGB
rgb(230, 199, 104)
HSL
hsl(45, 72%, 65%)
HSB
hsb(45, 55%, 90%)
CMYK
cmyk(0%, 13%, 55%, 10%)
Oklch
oklch(83.7% 0.120 91.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#D29160

Tangerine · DarkSalmon · Warm Sun

HEX
#D29160
RGB
rgb(210, 145, 96)
HSL
hsl(26, 56%, 60%)
HSB
hsb(26, 54%, 82%)
CMYK
cmyk(0%, 31%, 54%, 18%)
Oklch
oklch(71.1% 0.102 57.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#AA4E45

Crimson · Sienna · Passion Red

HEX
#AA4E45
RGB
rgb(170, 78, 69)
HSL
hsl(5, 42%, 47%)
HSB
hsb(5, 59%, 67%)
CMYK
cmyk(0%, 54%, 59%, 33%)
Oklch
oklch(53.9% 0.123 27.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

362E38
30382E

Analogous

312E38
362E38
382E35

Triadic

362E38
38362E
2E3836

Split-Comp.

362E38
35382E
2E3831

Tetradic

362E38
38312E
30382E
2E3538

Contrast Matrix WCAG 2.1 Contrast

362E38
7F9A60
E6C768
D29160
AA4E45
—
4.2
AA Large
7.9
AAA
5.0
AA
2.4
Fail
4.2
AA Large
—
1.9
Fail
1.2
Fail
1.7
Fail
7.9
AAA
1.9
Fail
—
1.6
Fail
3.3
AA Large
5.0
AA
1.2
Fail
1.6
Fail
—
2.0
Fail
2.4
Fail
1.7
Fail
3.3
AA Large
2.0
Fail
—
White BG
13.1AAA
3.1AA Large
1.6Fail
2.6Fail
5.4AA
Black BG
1.6Fail
6.7AA
12.7AAA
8.0AAA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

333236
8B8B6E
D9D87F
B6B56C
828147

Deuteranopia

333435
898771
DADD85
BABF6F
888E48

Tritanopia

363433
80797C
E49195
CF7577
A54949

Achromatopsia

323232
8B8B8B
C5C5C5
9F9F9F
686868

Shades & Tints Shades & Tints

#362E38

Dark
Light

#7F9A60

Dark
Light

#E6C768

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #362e38;
  --color-2: #7f9a60;
  --color-3: #e6c768;
  --color-4: #d29160;
  --color-5: #aa4e45;
}

SCSS

$color-1: #362e38;
$color-2: #7f9a60;
$color-3: #e6c768;
$color-4: #d29160;
$color-5: #aa4e45;

TAILWIND

colors: {
  'brand-1': '#362e38',
  'brand-2': '#7f9a60',
  'brand-3': '#e6c768',
  'brand-4': '#d29160',
  'brand-5': '#aa4e45',
}

RGB Array

[54, 46, 56], [127, 154, 96], [230, 199, 104], [210, 145, 96], [170, 78, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #362E38, #7F9A60, #E6C768, #D29160, #AA4E45 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: #362e38; --color-2: #7f9a60; --color-3: #e6c768; --color-4: #d29160; --color-5: #aa4e45. 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. 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