← Back to Editor

#2B2937 · #4B4C5E · #B18884 · #CB9183 · #FFCF9E

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

#2B2937

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#2B2937
RGB
rgb(43, 41, 55)
HSL
hsl(249, 15%, 19%)
HSB
hsb(249, 25%, 22%)
CMYK
cmyk(22%, 25%, 0%, 78%)
Oklch
oklch(28.9% 0.025 291.3)

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

#4B4C5E

Indigo · DarkSlateGray · Prussian Blue

HEX
#4B4C5E
RGB
rgb(75, 76, 94)
HSL
hsl(237, 11%, 33%)
HSB
hsb(237, 20%, 37%)
CMYK
cmyk(20%, 19%, 0%, 63%)
Oklch
oklch(42.3% 0.030 282.5)

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

#B18884

Peach Pink · Gray · Coral Red

HEX
#B18884
RGB
rgb(177, 136, 132)
HSL
hsl(5, 22%, 61%)
HSB
hsb(5, 25%, 69%)
CMYK
cmyk(0%, 23%, 25%, 31%)
Oklch
oklch(66.5% 0.051 24.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#CB9183

Peach Pink · DarkSalmon · Coral Red

HEX
#CB9183
RGB
rgb(203, 145, 131)
HSL
hsl(12, 41%, 65%)
HSB
hsb(12, 35%, 80%)
CMYK
cmyk(0%, 29%, 35%, 20%)
Oklch
oklch(71.0% 0.074 34.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FFCF9E

Goose Yellow · Wheat · Peach Orange

HEX
#FFCF9E
RGB
rgb(255, 207, 158)
HSL
hsl(30, 100%, 81%)
HSB
hsb(30, 38%, 100%)
CMYK
cmyk(0%, 19%, 38%, 0%)
Oklch
oklch(88.5% 0.083 67.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B2937
363829

Analogous

292E38
2B2937
332938

Triadic

2B2937
382B29
29382B

Split-Comp.

2B2937
383329
2E3829

Tetradic

2B2937
38292E
363829
293833

Contrast Matrix WCAG 2.1 Contrast

2B2937
4B4C5E
B18884
CB9183
FFCF9E
—
1.7
Fail
4.6
AA
5.4
AA
9.9
AAA
1.7
Fail
—
2.7
Fail
3.2
AA Large
5.9
AA
4.6
AA
2.7
Fail
—
1.2
Fail
2.2
Fail
5.4
AA
3.2
AA Large
1.2
Fail
—
1.9
Fail
9.9
AAA
5.9
AA
2.2
Fail
1.9
Fail
—
White BG
14.2AAA
8.4AAA
3.1AA Large
2.7Fail
1.4Fail
Black BG
1.5Fail
2.5Fail
6.7AA
7.9AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2A2A34
4B4B5A
9F9F85
B2B186
EAEAAA

Deuteranopia

2A2A33
4B4B59
A2A585
B5BA87
EDF1AD

Tritanopia

2B3130
4B5655
AF8686
C8898A
FDB3B5

Achromatopsia

2B2B2B
4E4E4E
949494
A1A1A1
D8D8D8

Shades & Tints Shades & Tints

#2B2937

Dark
Light

#4B4C5E

Dark
Light

#B18884

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b2937;
  --color-2: #4b4c5e;
  --color-3: #b18884;
  --color-4: #cb9183;
  --color-5: #ffcf9e;
}

SCSS

$color-1: #2b2937;
$color-2: #4b4c5e;
$color-3: #b18884;
$color-4: #cb9183;
$color-5: #ffcf9e;

TAILWIND

colors: {
  'brand-1': '#2b2937',
  'brand-2': '#4b4c5e',
  'brand-3': '#b18884',
  'brand-4': '#cb9183',
  'brand-5': '#ffcf9e',
}

RGB Array

[43, 41, 55], [75, 76, 94], [177, 136, 132], [203, 145, 131], [255, 207, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #2B2937, #4B4C5E, #B18884, #CB9183, #FFCF9E 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: #2b2937; --color-2: #4b4c5e; --color-3: #b18884; --color-4: #cb9183; --color-5: #ffcf9e. 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