← Back to Editor

#E5E589 · #2A2E08 · #C1B15A · #FABD51 · #A1C3A8

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

#E5E589

Fresh Green · Khaki · Sunflower

HEX
#E5E589
RGB
rgb(229, 229, 137)
HSL
hsl(60, 64%, 72%)
HSB
hsb(60, 40%, 90%)
CMYK
cmyk(0%, 0%, 40%, 10%)
Oklch
oklch(90.2% 0.115 108.5)

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

#2A2E08

Autumn Sage · Black · Amber Gold

HEX
#2A2E08
RGB
rgb(42, 46, 8)
HSL
hsl(66, 70%, 11%)
HSB
hsb(66, 83%, 18%)
CMYK
cmyk(9%, 0%, 83%, 82%)
Oklch
oklch(28.8% 0.057 115.2)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#C1B15A

Autumn Sage · Tan · Sunflower

HEX
#C1B15A
RGB
rgb(193, 177, 90)
HSL
hsl(51, 45%, 55%)
HSB
hsb(51, 53%, 76%)
CMYK
cmyk(0%, 8%, 53%, 24%)
Oklch
oklch(75.6% 0.110 99.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#FABD51

Ginger · SandyBrown · Warm Sun

HEX
#FABD51
RGB
rgb(250, 189, 81)
HSL
hsl(38, 94%, 65%)
HSB
hsb(38, 68%, 98%)
CMYK
cmyk(0%, 24%, 68%, 2%)
Oklch
oklch(83.5% 0.141 78.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#A1C3A8

Celadon · DarkGray · Apple Green

HEX
#A1C3A8
RGB
rgb(161, 195, 168)
HSL
hsl(132, 22%, 70%)
HSB
hsb(132, 17%, 76%)
CMYK
cmyk(17%, 0%, 14%, 24%)
Oklch
oklch(78.5% 0.053 151.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5E589
8A8AE5

Analogous

E5B88A
E5E589
B8E58A

Triadic

E5E589
8AE5E5
E58AE5

Split-Comp.

E5E589
8AB8E5
B88AE5

Tetradic

E5E589
8AE5B8
8A8AE5
E58AB8

Contrast Matrix WCAG 2.1 Contrast

E5E589
2A2E08
C1B15A
FABD51
A1C3A8
—
10.7
AAA
1.6
Fail
1.3
Fail
1.5
Fail
10.7
AAA
—
6.5
AA
8.3
AAA
7.3
AAA
1.6
Fail
6.5
AA
—
1.3
Fail
1.1
Fail
1.3
Fail
8.3
AAA
1.3
Fail
—
1.1
Fail
1.5
Fail
7.3
AAA
1.1
Fail
1.1
Fail
—
White BG
1.3Fail
14.1AAA
2.2Fail
1.7Fail
1.9Fail
Black BG
15.9AAA
1.5Fail
9.7AAA
12.5AAA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E59F
2C2C11
BABA6F
E0DF6B
B0B0AF

Deuteranopia

E5E5A5
2C2B13
BBBC74
E3E871
AEABB0

Tritanopia

E5B1B5
2A181A
C08083
F78084
A3B4B5

Achromatopsia

DBDBDB
282828
ACACAC
C3C3C3
B6B6B6

Shades & Tints Shades & Tints

#E5E589

Dark
Light

#2A2E08

Dark
Light

#C1B15A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5e589;
  --color-2: #2a2e08;
  --color-3: #c1b15a;
  --color-4: #fabd51;
  --color-5: #a1c3a8;
}

SCSS

$color-1: #e5e589;
$color-2: #2a2e08;
$color-3: #c1b15a;
$color-4: #fabd51;
$color-5: #a1c3a8;

TAILWIND

colors: {
  'brand-1': '#e5e589',
  'brand-2': '#2a2e08',
  'brand-3': '#c1b15a',
  'brand-4': '#fabd51',
  'brand-5': '#a1c3a8',
}

RGB Array

[229, 229, 137], [42, 46, 8], [193, 177, 90], [250, 189, 81], [161, 195, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #E5E589, #2A2E08, #C1B15A, #FABD51, #A1C3A8 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: #e5e589; --color-2: #2a2e08; --color-3: #c1b15a; --color-4: #fabd51; --color-5: #a1c3a8. 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