← Back to Editor

#292336 · #432C47 · #7D475B · #B3785F · #B8A270

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#292336

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#292336
RGB
rgb(41, 35, 54)
HSL
hsl(259, 21%, 17%)
HSB
hsb(259, 35%, 21%)
CMYK
cmyk(24%, 35%, 0%, 79%)
Oklch
oklch(27.2% 0.036 298.5)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#432C47

Dark Plum · DarkSlateGray · Eggplant

HEX
#432C47
RGB
rgb(67, 44, 71)
HSL
hsl(291, 23%, 23%)
HSB
hsb(291, 38%, 28%)
CMYK
cmyk(6%, 38%, 0%, 72%)
Oklch
oklch(33.2% 0.055 321.4)

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

#7D475B

Dark Violet · DimGray · Camellia

HEX
#7D475B
RGB
rgb(125, 71, 91)
HSL
hsl(338, 28%, 38%)
HSB
hsb(338, 43%, 49%)
CMYK
cmyk(0%, 43%, 27%, 51%)
Oklch
oklch(46.8% 0.078 356.9)

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

#B3785F

Tangerine · Gray · Warm Sun

HEX
#B3785F
RGB
rgb(179, 120, 95)
HSL
hsl(18, 36%, 54%)
HSB
hsb(18, 47%, 70%)
CMYK
cmyk(0%, 33%, 47%, 30%)
Oklch
oklch(62.8% 0.083 43.7)

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

#B8A270

Ginger · Tan · Sunflower

HEX
#B8A270
RGB
rgb(184, 162, 112)
HSL
hsl(42, 34%, 58%)
HSB
hsb(42, 39%, 72%)
CMYK
cmyk(0%, 12%, 39%, 28%)
Oklch
oklch(72.0% 0.072 86.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

292336
2F3422

Analogous

222634
292336
312234

Triadic

292336
342822
223428

Split-Comp.

292336
343122
263422

Tetradic

292336
342226
2F3422
223431

Contrast Matrix WCAG 2.1 Contrast

292336
432C47
7D475B
B3785F
B8A270
—
1.2
Fail
2.1
Fail
4.2
AA Large
6.1
AA
1.2
Fail
—
1.7
Fail
3.4
AA Large
5.0
AA
2.1
Fail
1.7
Fail
—
2.0
Fail
2.9
Fail
4.2
AA Large
3.4
AA Large
2.0
Fail
—
1.5
Fail
6.1
AA
5.0
AA
2.9
Fail
1.5
Fail
—
White BG
15.1AAA
12.4AAA
7.2AAA
3.6AA Large
2.5Fail
Black BG
1.4Fail
1.7Fail
2.9Fail
5.8AA
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

262631
393940
666556
999965
AEAE7C

Deuteranopia

272730
3A3C3F
696D55
9DA167
B0B17F

Tritanopia

292E2D
423B3A
7A5252
B06A6B
B78688

Achromatopsia

272727
363636
595959
878787
A3A3A3

Shades & Tints Shades & Tints

#292336

Dark
Light

#432C47

Dark
Light

#7D475B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #292336;
  --color-2: #432c47;
  --color-3: #7d475b;
  --color-4: #b3785f;
  --color-5: #b8a270;
}

SCSS

$color-1: #292336;
$color-2: #432c47;
$color-3: #7d475b;
$color-4: #b3785f;
$color-5: #b8a270;

TAILWIND

colors: {
  'brand-1': '#292336',
  'brand-2': '#432c47',
  'brand-3': '#7d475b',
  'brand-4': '#b3785f',
  'brand-5': '#b8a270',
}

RGB Array

[41, 35, 54], [67, 44, 71], [125, 71, 91], [179, 120, 95], [184, 162, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #292336, #432C47, #7D475B, #B3785F, #B8A270 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, 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: #292336; --color-2: #432c47; --color-3: #7d475b; --color-4: #b3785f; --color-5: #b8a270. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 finance, legal, luxury 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