← Back to Editor

#08433F · #62A089 · #9DB591 · #D4BE99 · #D27975

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

#08433F

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#08433F
RGB
rgb(8, 67, 63)
HSL
hsl(176, 79%, 15%)
HSB
hsb(176, 88%, 26%)
CMYK
cmyk(88%, 0%, 6%, 74%)
Oklch
oklch(34.7% 0.057 187.8)

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

#62A089

Mineral Blue · CadetBlue · Olive Green

HEX
#62A089
RGB
rgb(98, 160, 137)
HSL
hsl(158, 25%, 51%)
HSB
hsb(158, 39%, 63%)
CMYK
cmyk(39%, 0%, 14%, 37%)
Oklch
oklch(65.7% 0.073 168.5)

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

#9DB591

Celadon · DarkSeaGreen · Apple Green

HEX
#9DB591
RGB
rgb(157, 181, 145)
HSL
hsl(100, 20%, 64%)
HSB
hsb(100, 20%, 71%)
CMYK
cmyk(13%, 0%, 20%, 29%)
Oklch
oklch(74.5% 0.057 135.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#D4BE99

Goose Yellow · Tan · Warm Sun

HEX
#D4BE99
RGB
rgb(212, 190, 153)
HSL
hsl(38, 41%, 72%)
HSB
hsb(38, 28%, 83%)
CMYK
cmyk(0%, 10%, 28%, 17%)
Oklch
oklch(81.1% 0.056 80.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D27975

Peach Pink · LightCoral · Coral Red

HEX
#D27975
RGB
rgb(210, 121, 117)
HSL
hsl(3, 51%, 64%)
HSB
hsb(3, 44%, 82%)
CMYK
cmyk(0%, 42%, 44%, 18%)
Oklch
oklch(67.2% 0.112 23.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

08433F
44080C

Analogous

084422
08433F
082A44

Triadic

08433F
400844
444008

Split-Comp.

08433F
44082A
442208

Tetradic

08433F
220844
44080C
2A4408

Contrast Matrix WCAG 2.1 Contrast

08433F
62A089
9DB591
D4BE99
D27975
—
3.7
AA Large
5.0
AA
6.2
AA
3.6
AA Large
3.7
AA Large
—
1.4
Fail
1.7
Fail
1.0
Fail
5.0
AA
1.4
Fail
—
1.2
Fail
1.4
Fail
6.2
AA
1.7
Fail
1.2
Fail
—
1.7
Fail
3.6
AA Large
1.0
Fail
1.4
Fail
1.7
Fail
—
White BG
11.1AAA
3.0AA Large
2.2Fail
1.8Fail
3.1AA Large
Black BG
1.9Fail
6.9AA
9.5AAA
11.6AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

222240
7D7D8F
A7A89A
CACAA2
ABAB76

Deuteranopia

1E1A40
797590
A6A49C
CCCDA4
B1B776

Tritanopia

0B4141
659394
9EA1A2
D3A9AB
CE7777

Achromatopsia

313131
8B8B8B
AAAAAA
C0C0C0
939393

Shades & Tints Shades & Tints

#08433F

Dark
Light

#62A089

Dark
Light

#9DB591

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #08433f;
  --color-2: #62a089;
  --color-3: #9db591;
  --color-4: #d4be99;
  --color-5: #d27975;
}

SCSS

$color-1: #08433f;
$color-2: #62a089;
$color-3: #9db591;
$color-4: #d4be99;
$color-5: #d27975;

TAILWIND

colors: {
  'brand-1': '#08433f',
  'brand-2': '#62a089',
  'brand-3': '#9db591',
  'brand-4': '#d4be99',
  'brand-5': '#d27975',
}

RGB Array

[8, 67, 63], [98, 160, 137], [157, 181, 145], [212, 190, 153], [210, 121, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #08433F, #62A089, #9DB591, #D4BE99, #D27975 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: #08433f; --color-2: #62a089; --color-3: #9db591; --color-4: #d4be99; --color-5: #d27975. 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