← Back to Editor

#FED0B8 · #DDBCAB · #95A6B8 · #000213 · #6988A7

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

#FED0B8

Apricot · Wheat · Peach Orange

HEX
#FED0B8
RGB
rgb(254, 208, 184)
HSL
hsl(21, 97%, 86%)
HSB
hsb(21, 28%, 100%)
CMYK
cmyk(0%, 18%, 28%, 0%)
Oklch
oklch(89.1% 0.061 49.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#DDBCAB

Apricot · Tan · Peach Orange

HEX
#DDBCAB
RGB
rgb(221, 188, 171)
HSL
hsl(20, 42%, 77%)
HSB
hsb(20, 23%, 87%)
CMYK
cmyk(0%, 15%, 23%, 13%)
Oklch
oklch(81.9% 0.045 48.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#95A6B8

Azure · DarkGray · Cobalt Blue

HEX
#95A6B8
RGB
rgb(149, 166, 184)
HSL
hsl(211, 20%, 65%)
HSB
hsb(211, 19%, 72%)
CMYK
cmyk(19%, 10%, 0%, 28%)
Oklch
oklch(71.8% 0.033 249.8)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#000213

Indigo · Black · Deep Sea Blue

HEX
#000213
RGB
rgb(0, 2, 19)
HSL
hsl(234, 100%, 4%)
HSB
hsb(234, 100%, 7%)
CMYK
cmyk(100%, 89%, 0%, 93%)
Oklch
oklch(10.0% 0.048 262.5)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#6988A7

Azure · LightSlateGray · Navy Blue

HEX
#6988A7
RGB
rgb(105, 136, 167)
HSL
hsl(210, 26%, 53%)
HSB
hsb(210, 37%, 65%)
CMYK
cmyk(37%, 19%, 0%, 35%)
Oklch
oklch(61.5% 0.059 248.8)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FED0B8
B9E6FE

Analogous

FEB9C3
FED0B8
FEF4B9

Triadic

FED0B8
B9FED1
D1B9FE

Split-Comp.

FED0B8
B9FEF4
B9C3FE

Tetradic

FED0B8
C3FEB9
B9E6FE
F4B9FE

Contrast Matrix WCAG 2.1 Contrast

FED0B8
DDBCAB
95A6B8
000213
6988A7
—
1.3
Fail
1.8
Fail
14.7
AAA
2.6
Fail
1.3
Fail
—
1.4
Fail
11.6
AAA
2.1
Fail
1.8
Fail
1.4
Fail
—
8.3
AAA
1.5
Fail
14.7
AAA
11.6
AAA
8.3
AAA
—
5.6
AA
2.6
Fail
2.1
Fail
1.5
Fail
5.6
AA
—
White BG
1.4Fail
1.8Fail
2.5Fail
20.6AAA
3.7AA Large
Black BG
14.9AAA
11.9AAA
8.4AAA
1.0Fail
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEABE
CFCEAF
9C9DB4
01010F
76779F

Deuteranopia

EDF0BF
D1D3B0
9B9AB3
01010E
75729E

Tritanopia

FCC2C3
DBB2B3
96B0AF
000C0B
6B9A98

Achromatopsia

DBDBDB
C4C4C4
A3A3A3
030303
828282

Shades & Tints Shades & Tints

#FED0B8

Dark
Light

#DDBCAB

Dark
Light

#95A6B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fed0b8;
  --color-2: #ddbcab;
  --color-3: #95a6b8;
  --color-4: #000213;
  --color-5: #6988a7;
}

SCSS

$color-1: #fed0b8;
$color-2: #ddbcab;
$color-3: #95a6b8;
$color-4: #000213;
$color-5: #6988a7;

TAILWIND

colors: {
  'brand-1': '#fed0b8',
  'brand-2': '#ddbcab',
  'brand-3': '#95a6b8',
  'brand-4': '#000213',
  'brand-5': '#6988a7',
}

RGB Array

[254, 208, 184], [221, 188, 171], [149, 166, 184], [0, 2, 19], [105, 136, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FED0B8, #DDBCAB, #95A6B8, #000213, #6988A7 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: #fed0b8; --color-2: #ddbcab; --color-3: #95a6b8; --color-4: #000213; --color-5: #6988a7. 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