← Back to Editor

#93BEA0 · #CFC089 · #C8B269 · #D2882F · #2A4058

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

#93BEA0

Celadon · DarkSeaGreen · Apple Green

HEX
#93BEA0
RGB
rgb(147, 190, 160)
HSL
hsl(138, 25%, 66%)
HSB
hsb(138, 23%, 75%)
CMYK
cmyk(23%, 0%, 16%, 25%)
Oklch
oklch(76.2% 0.063 154.3)

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

#CFC089

Ginger · Tan · Sunflower

HEX
#CFC089
RGB
rgb(207, 192, 137)
HSL
hsl(47, 42%, 67%)
HSB
hsb(47, 34%, 81%)
CMYK
cmyk(0%, 7%, 34%, 19%)
Oklch
oklch(80.7% 0.074 94.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#C8B269

Ginger · Tan · Sunflower

HEX
#C8B269
RGB
rgb(200, 178, 105)
HSL
hsl(46, 46%, 60%)
HSB
hsb(46, 48%, 78%)
CMYK
cmyk(0%, 11%, 48%, 22%)
Oklch
oklch(76.7% 0.096 93.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#D2882F

Ochre · GoldenRod · Amber Brown

HEX
#D2882F
RGB
rgb(210, 136, 47)
HSL
hsl(33, 64%, 50%)
HSB
hsb(33, 78%, 82%)
CMYK
cmyk(0%, 35%, 78%, 18%)
Oklch
oklch(68.8% 0.135 66.3)

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

#2A4058

Indigo · DarkSlateGray · Prussian Blue

HEX
#2A4058
RGB
rgb(42, 64, 88)
HSL
hsl(211, 35%, 25%)
HSB
hsb(211, 52%, 35%)
CMYK
cmyk(52%, 27%, 0%, 65%)
Oklch
oklch(36.4% 0.050 251.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

93BEA0
BE93B1

Analogous

9BBE93
93BEA0
93BEB5

Triadic

93BEA0
A093BE
BEA093

Split-Comp.

93BEA0
B593BE
BE939B

Tetradic

93BEA0
939BBE
BE93B1
BEB593

Contrast Matrix WCAG 2.1 Contrast

93BEA0
CFC089
C8B269
D2882F
2A4058
—
1.1
Fail
1.0
Fail
1.4
Fail
5.1
AA
1.1
Fail
—
1.2
Fail
1.6
Fail
5.9
AA
1.0
Fail
1.2
Fail
—
1.4
Fail
5.1
AA
1.4
Fail
1.6
Fail
1.4
Fail
—
3.7
AA Large
5.1
AA
5.9
AA
5.1
AA
3.7
AA Large
—
White BG
2.1Fail
1.8Fail
2.1Fail
2.9Fail
10.6AAA
Black BG
10.1AAA
11.6AAA
10.0AAA
7.3AAA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A6A7
C9C896
BEBE7B
B2B145
343452

Deuteranopia

A3A0A9
C9CA9A
C0C17F
B6BC4A
323151

Tritanopia

95ADAE
CEA1A3
C7898C
CE5659
2B4E4D

Achromatopsia

AEAEAE
BEBEBE
B0B0B0
949494
3C3C3C

Shades & Tints Shades & Tints

#93BEA0

Dark
Light

#CFC089

Dark
Light

#C8B269

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #93bea0;
  --color-2: #cfc089;
  --color-3: #c8b269;
  --color-4: #d2882f;
  --color-5: #2a4058;
}

SCSS

$color-1: #93bea0;
$color-2: #cfc089;
$color-3: #c8b269;
$color-4: #d2882f;
$color-5: #2a4058;

TAILWIND

colors: {
  'brand-1': '#93bea0',
  'brand-2': '#cfc089',
  'brand-3': '#c8b269',
  'brand-4': '#d2882f',
  'brand-5': '#2a4058',
}

RGB Array

[147, 190, 160], [207, 192, 137], [200, 178, 105], [210, 136, 47], [42, 64, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #93BEA0, #CFC089, #C8B269, #D2882F, #2A4058 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: #93bea0; --color-2: #cfc089; --color-3: #c8b269; --color-4: #d2882f; --color-5: #2a4058. 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