← Back to Editor

#99B582 · #D8CB85 · #FEA436 · #C6761D · #291C14

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

#99B582

Celadon · DarkSeaGreen · Apple Green

HEX
#99B582
RGB
rgb(153, 181, 130)
HSL
hsl(93, 26%, 61%)
HSB
hsb(93, 28%, 71%)
CMYK
cmyk(15%, 0%, 28%, 29%)
Oklch
oklch(73.9% 0.077 131.5)

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

#D8CB85

Fresh Green · BurlyWood · Sunflower

HEX
#D8CB85
RGB
rgb(216, 203, 133)
HSL
hsl(51, 52%, 68%)
HSB
hsb(51, 38%, 85%)
CMYK
cmyk(0%, 6%, 38%, 15%)
Oklch
oklch(83.7% 0.091 99.0)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#FEA436

Ginger · GoldenRod · Warm Sun

HEX
#FEA436
RGB
rgb(254, 164, 54)
HSL
hsl(33, 99%, 60%)
HSB
hsb(33, 79%, 100%)
CMYK
cmyk(0%, 35%, 79%, 0%)
Oklch
oklch(79.2% 0.158 66.3)

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

#C6761D

Ochre · Chocolate · Amber Brown

HEX
#C6761D
RGB
rgb(198, 118, 29)
HSL
hsl(32, 74%, 45%)
HSB
hsb(32, 85%, 78%)
CMYK
cmyk(0%, 40%, 85%, 22%)
Oklch
oklch(64.0% 0.137 62.0)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#291C14

Tangerine · Black · Cinnamon

HEX
#291C14
RGB
rgb(41, 28, 20)
HSL
hsl(23, 34%, 12%)
HSB
hsb(23, 51%, 16%)
CMYK
cmyk(0%, 32%, 51%, 84%)
Oklch
oklch(24.0% 0.025 52.8)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

99B582
9E82B5

Analogous

B3B582
99B582
82B584

Triadic

99B582
8299B5
B58299

Split-Comp.

99B582
8482B5
B582B3

Tetradic

99B582
82B3B5
9E82B5
B58482

Contrast Matrix WCAG 2.1 Contrast

99B582
D8CB85
FEA436
C6761D
291C14
—
1.4
Fail
1.1
Fail
1.5
Fail
7.3
AAA
1.4
Fail
—
1.2
Fail
2.1
Fail
10.1
AAA
1.1
Fail
1.2
Fail
—
1.8
Fail
8.3
AAA
1.5
Fail
2.1
Fail
1.8
Fail
—
4.7
AA
7.3
AAA
10.1
AAA
8.3
AAA
4.7
AA
—
White BG
2.3Fail
1.6Fail
2.0Fail
3.5AA Large
16.5AAA
Black BG
9.3AAA
12.8AAA
10.6AAA
6.0AA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A58E
D2D296
D7D651
A3A333
232316

Deuteranopia

A4A191
D3D49A
DCE357
A8AE38
242516

Tritanopia

9A989A
D7A3A6
F9666A
C24447
281718

Achromatopsia

A7A7A7
C7C7C7
B2B2B2
848484
1F1F1F

Shades & Tints Shades & Tints

#99B582

Dark
Light

#D8CB85

Dark
Light

#FEA436

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #99b582;
  --color-2: #d8cb85;
  --color-3: #fea436;
  --color-4: #c6761d;
  --color-5: #291c14;
}

SCSS

$color-1: #99b582;
$color-2: #d8cb85;
$color-3: #fea436;
$color-4: #c6761d;
$color-5: #291c14;

TAILWIND

colors: {
  'brand-1': '#99b582',
  'brand-2': '#d8cb85',
  'brand-3': '#fea436',
  'brand-4': '#c6761d',
  'brand-5': '#291c14',
}

RGB Array

[153, 181, 130], [216, 203, 133], [254, 164, 54], [198, 118, 29], [41, 28, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #99B582, #D8CB85, #FEA436, #C6761D, #291C14 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: #99b582; --color-2: #d8cb85; --color-3: #fea436; --color-4: #c6761d; --color-5: #291c14. 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