← Back to Editor

#DCD558 · #B0C979 · #F58E56 · #FA6F58 · #88654F

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#DCD558

Autumn Sage · SandyBrown · Sunflower

HEX
#DCD558
RGB
rgb(220, 213, 88)
HSL
hsl(57, 65%, 60%)
HSB
hsb(57, 60%, 86%)
CMYK
cmyk(0%, 3%, 60%, 14%)
Oklch
oklch(85.5% 0.145 106.1)

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

#B0C979

Willow Green · DarkSeaGreen · Apple Green

HEX
#B0C979
RGB
rgb(176, 201, 121)
HSL
hsl(79, 43%, 63%)
HSB
hsb(79, 40%, 79%)
CMYK
cmyk(12%, 0%, 40%, 21%)
Oklch
oklch(79.9% 0.109 123.0)

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

#F58E56

Apricot · Coral · Warm Sun

HEX
#F58E56
RGB
rgb(245, 142, 86)
HSL
hsl(21, 89%, 65%)
HSB
hsb(21, 65%, 96%)
CMYK
cmyk(0%, 42%, 65%, 4%)
Oklch
oklch(74.6% 0.144 48.0)

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

#FA6F58

Peach Pink · Coral · Coral Red

HEX
#FA6F58
RGB
rgb(250, 111, 88)
HSL
hsl(9, 94%, 66%)
HSB
hsb(9, 65%, 98%)
CMYK
cmyk(0%, 56%, 65%, 2%)
Oklch
oklch(70.6% 0.175 31.3)

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

#88654F

Tangerine · DimGray · Amber Brown

HEX
#88654F
RGB
rgb(136, 101, 79)
HSL
hsl(23, 27%, 42%)
HSB
hsb(23, 42%, 53%)
CMYK
cmyk(0%, 26%, 42%, 47%)
Oklch
oklch(53.7% 0.056 53.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCD558
575DDB

Analogous

DB9257
DCD558
A0DB57

Triadic

DCD558
57DBD5
D557DB

Split-Comp.

DCD558
57A0DB
9257DB

Tetradic

DCD558
57DB92
575DDB
DB57A0

Contrast Matrix WCAG 2.1 Contrast

DCD558
B0C979
F58E56
FA6F58
88654F
—
1.2
Fail
1.5
Fail
1.8
Fail
3.4
AA Large
1.2
Fail
—
1.3
Fail
1.5
Fail
2.9
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
2.2
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
1.9
Fail
3.4
AA Large
2.9
Fail
2.2
Fail
1.9
Fail
—
White BG
1.5Fail
1.8Fail
2.4Fail
2.8Fail
5.2AA
Black BG
13.7AAA
11.5AAA
8.9AAA
7.5AAA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D976
BBBB8C
C8C764
BEBD5E
797954

Deuteranopia

D9DA7E
B9B891
CED667
C6D05F
7B7D56

Tritanopia

DC8E93
B19C9F
F06E71
F36263
865959

Achromatopsia

C9C9C9
B8B8B8
A6A6A6
969696
6D6D6D

Shades & Tints Shades & Tints

#DCD558

Dark
Light

#B0C979

Dark
Light

#F58E56

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dcd558;
  --color-2: #b0c979;
  --color-3: #f58e56;
  --color-4: #fa6f58;
  --color-5: #88654f;
}

SCSS

$color-1: #dcd558;
$color-2: #b0c979;
$color-3: #f58e56;
$color-4: #fa6f58;
$color-5: #88654f;

TAILWIND

colors: {
  'brand-1': '#dcd558',
  'brand-2': '#b0c979',
  'brand-3': '#f58e56',
  'brand-4': '#fa6f58',
  'brand-5': '#88654f',
}

RGB Array

[220, 213, 88], [176, 201, 121], [245, 142, 86], [250, 111, 88], [136, 101, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #DCD558, #B0C979, #F58E56, #FA6F58, #88654F is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #dcd558; --color-2: #b0c979; --color-3: #f58e56; --color-4: #fa6f58; --color-5: #88654f. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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