← Back to Editor

#AEBFB7 · #C1917B · #D5AB7B · #BA9D8F · #908B91

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 Library

Color Details Color Details

#AEBFB7

Jade · Silver · Apple Green

HEX
#AEBFB7
RGB
rgb(174, 191, 183)
HSL
hsl(152, 12%, 72%)
HSB
hsb(152, 9%, 75%)
CMYK
cmyk(9%, 0%, 4%, 25%)
Oklch
oklch(78.9% 0.022 165.9)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#C1917B

Apricot · DarkSalmon · Warm Sun

HEX
#C1917B
RGB
rgb(193, 145, 123)
HSL
hsl(19, 36%, 62%)
HSB
hsb(19, 36%, 76%)
CMYK
cmyk(0%, 25%, 36%, 24%)
Oklch
oklch(69.7% 0.066 45.7)

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

#D5AB7B

Ginger · Tan · Warm Sun

HEX
#D5AB7B
RGB
rgb(213, 171, 123)
HSL
hsl(32, 52%, 66%)
HSB
hsb(32, 42%, 84%)
CMYK
cmyk(0%, 20%, 42%, 16%)
Oklch
oklch(76.8% 0.080 69.9)

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

#BA9D8F

Apricot · DarkGray · Warm Sun

HEX
#BA9D8F
RGB
rgb(186, 157, 143)
HSL
hsl(20, 24%, 65%)
HSB
hsb(20, 23%, 73%)
CMYK
cmyk(0%, 16%, 23%, 27%)
Oklch
oklch(71.8% 0.040 47.3)

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

#908B91

Ash · Gray · Silver Sand

HEX
#908B91
RGB
rgb(144, 139, 145)
HSL
hsl(290, 3%, 56%)
HSB
hsb(290, 4%, 57%)
CMYK
cmyk(1%, 4%, 0%, 43%)
Oklch
oklch(64.3% 0.011 320.6)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEBFB7
C0AFB7

Analogous

AFC0B0
AEBFB7
AFC0C0

Triadic

AEBFB7
B8AFC0
C0B8AF

Split-Comp.

AEBFB7
C0AFC0
C0B0AF

Tetradic

AEBFB7
B0AFC0
C0AFB7
C0C0AF

Contrast Matrix WCAG 2.1 Contrast

AEBFB7
C1917B
D5AB7B
BA9D8F
908B91
—
1.4
Fail
1.1
Fail
1.3
Fail
1.7
Fail
1.4
Fail
—
1.3
Fail
1.1
Fail
1.2
Fail
1.1
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
1.3
Fail
1.1
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
1.2
Fail
1.6
Fail
1.3
Fail
—
White BG
1.9Fail
2.8Fail
2.1Fail
2.5Fail
3.3AA Large
Black BG
10.9AAA
7.6AAA
9.9AAA
8.3AAA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B6B9
ACAC80
C3C287
ADAD92
8E8E90

Deuteranopia

B4B3B9
AFB382
C5C889
AFB193
8E8F8F

Tritanopia

AFBABB
BF8585
D39092
B99596
908E8E

Achromatopsia

B9B9B9
9D9D9D
B2B2B2
A4A4A4
8D8D8D

Shades & Tints Shades & Tints

#AEBFB7

Dark
Light

#C1917B

Dark
Light

#D5AB7B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aebfb7;
  --color-2: #c1917b;
  --color-3: #d5ab7b;
  --color-4: #ba9d8f;
  --color-5: #908b91;
}

SCSS

$color-1: #aebfb7;
$color-2: #c1917b;
$color-3: #d5ab7b;
$color-4: #ba9d8f;
$color-5: #908b91;

TAILWIND

colors: {
  'brand-1': '#aebfb7',
  'brand-2': '#c1917b',
  'brand-3': '#d5ab7b',
  'brand-4': '#ba9d8f',
  'brand-5': '#908b91',
}

RGB Array

[174, 191, 183], [193, 145, 123], [213, 171, 123], [186, 157, 143], [144, 139, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #AEBFB7, #C1917B, #D5AB7B, #BA9D8F, #908B91 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #aebfb7; --color-2: #c1917b; --color-3: #d5ab7b; --color-4: #ba9d8f; --color-5: #908b91. 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 tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. 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