← Back to Editor

#B5BBA3 · #DEB07C · #FFB45E · #FACF4D · #FDFFCF

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

#B5BBA3

Willow Green · DarkGray · Apple Green

HEX
#B5BBA3
RGB
rgb(181, 187, 163)
HSL
hsl(75, 15%, 69%)
HSB
hsb(75, 13%, 73%)
CMYK
cmyk(3%, 0%, 13%, 27%)
Oklch
oklch(78.1% 0.034 118.6)

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

#DEB07C

Ginger · BurlyWood · Warm Sun

HEX
#DEB07C
RGB
rgb(222, 176, 124)
HSL
hsl(32, 60%, 68%)
HSB
hsb(32, 44%, 87%)
CMYK
cmyk(0%, 21%, 44%, 13%)
Oklch
oklch(78.7% 0.087 69.5)

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

#FFB45E

Ginger · SandyBrown · Warm Sun

HEX
#FFB45E
RGB
rgb(255, 180, 94)
HSL
hsl(32, 100%, 68%)
HSB
hsb(32, 63%, 100%)
CMYK
cmyk(0%, 29%, 63%, 0%)
Oklch
oklch(82.5% 0.134 67.7)

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

#FACF4D

Ginger · SandyBrown · Sunflower

HEX
#FACF4D
RGB
rgb(250, 207, 77)
HSL
hsl(45, 95%, 64%)
HSB
hsb(45, 69%, 98%)
CMYK
cmyk(0%, 17%, 69%, 2%)
Oklch
oklch(86.9% 0.151 90.3)

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

#FDFFCF

Fresh Green · LightYellow · Lemon Cream

HEX
#FDFFCF
RGB
rgb(253, 255, 207)
HSL
hsl(62, 100%, 91%)
HSB
hsb(62, 19%, 100%)
CMYK
cmyk(1%, 0%, 19%, 0%)
Oklch
oklch(98.7% 0.062 109.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5BBA3
AAA4BC

Analogous

BCB6A4
B5BBA3
AABCA4

Triadic

B5BBA3
A4B6BC
BCA4B6

Split-Comp.

B5BBA3
A4AABC
B6A4BC

Tetradic

B5BBA3
A4BCB6
AAA4BC
BCA4AA

Contrast Matrix WCAG 2.1 Contrast

B5BBA3
DEB07C
FFB45E
FACF4D
FDFFCF
—
1.0
Fail
1.1
Fail
1.3
Fail
1.9
Fail
1.0
Fail
—
1.1
Fail
1.3
Fail
1.9
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.7
Fail
1.3
Fail
1.3
Fail
1.2
Fail
—
1.4
Fail
1.9
Fail
1.9
Fail
1.7
Fail
1.4
Fail
—
White BG
2.0Fail
2.0Fail
1.8Fail
1.5Fail
1.0Fail
Black BG
10.6AAA
10.6AAA
11.9AAA
14.1AAA
20.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B8A9
CACA89
DFDE73
E7E76C
FEFEDB

Deuteranopia

B7B7AA
CDD08C
E3E978
EAED74
FEFEDD

Tritanopia

B5ADAE
DC9395
FB8387
F8858B
FDE4E6

Achromatopsia

B6B6B6
B8B8B8
C1C1C1
CDCDCD
F9F9F9

Shades & Tints Shades & Tints

#B5BBA3

Dark
Light

#DEB07C

Dark
Light

#FFB45E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5bba3;
  --color-2: #deb07c;
  --color-3: #ffb45e;
  --color-4: #facf4d;
  --color-5: #fdffcf;
}

SCSS

$color-1: #b5bba3;
$color-2: #deb07c;
$color-3: #ffb45e;
$color-4: #facf4d;
$color-5: #fdffcf;

TAILWIND

colors: {
  'brand-1': '#b5bba3',
  'brand-2': '#deb07c',
  'brand-3': '#ffb45e',
  'brand-4': '#facf4d',
  'brand-5': '#fdffcf',
}

RGB Array

[181, 187, 163], [222, 176, 124], [255, 180, 94], [250, 207, 77], [253, 255, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #B5BBA3, #DEB07C, #FFB45E, #FACF4D, #FDFFCF is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #b5bba3; --color-2: #deb07c; --color-3: #ffb45e; --color-4: #facf4d; --color-5: #fdffcf. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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