← Back to Editor

#90AF74 · #B0BD6E · #FDBE61 · #FFE791 · #FBC682

luxury

A 5-color luxury 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

#90AF74

Celadon · DarkSeaGreen · Olive Green

HEX
#90AF74
RGB
rgb(144, 175, 116)
HSL
hsl(92, 27%, 57%)
HSB
hsb(92, 34%, 69%)
CMYK
cmyk(18%, 0%, 34%, 31%)
Oklch
oklch(71.6% 0.089 130.9)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#B0BD6E

Grass Green · Tan · Olive Green

HEX
#B0BD6E
RGB
rgb(176, 189, 110)
HSL
hsl(70, 37%, 59%)
HSB
hsb(70, 42%, 74%)
CMYK
cmyk(7%, 0%, 42%, 26%)
Oklch
oklch(77.0% 0.104 116.6)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#FDBE61

Ginger · SandyBrown · Warm Sun

HEX
#FDBE61
RGB
rgb(253, 190, 97)
HSL
hsl(36, 98%, 69%)
HSB
hsb(36, 62%, 99%)
CMYK
cmyk(0%, 25%, 62%, 1%)
Oklch
oklch(84.2% 0.131 74.9)

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

#FFE791

Goose Yellow · Khaki · Lemon Cream

HEX
#FFE791
RGB
rgb(255, 231, 145)
HSL
hsl(47, 100%, 78%)
HSB
hsb(47, 43%, 100%)
CMYK
cmyk(0%, 9%, 43%, 0%)
Oklch
oklch(92.9% 0.109 94.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FBC682

Goose Yellow · BurlyWood · Warm Sun

HEX
#FBC682
RGB
rgb(251, 198, 130)
HSL
hsl(34, 94%, 75%)
HSB
hsb(34, 48%, 98%)
CMYK
cmyk(0%, 21%, 48%, 2%)
Oklch
oklch(85.9% 0.105 72.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

90AF74
9374AF

Analogous

ADAF74
90AF74
74AF76

Triadic

90AF74
748FAF
AF748F

Split-Comp.

90AF74
7674AF
AF74AD

Tetradic

90AF74
74ADAF
9374AF
AF7674

Contrast Matrix WCAG 2.1 Contrast

90AF74
B0BD6E
FDBE61
FFE791
FBC682
—
1.2
Fail
1.5
Fail
2.0
Fail
1.6
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
1.3
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
1.1
Fail
2.0
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
1.3
Fail
1.1
Fail
1.3
Fail
—
White BG
2.5Fail
2.0Fail
1.7Fail
1.2Fail
1.6Fail
Black BG
8.6AAA
10.4AAA
12.7AAA
17.1AAA
13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9E82
B6B681
E2E178
F5F4A6
E4E492

Deuteranopia

9C9986
B5B486
E5EA7D
F6F8AB
E7EB96

Tritanopia

928E90
B19094
FA898D
FEB6BA
F89FA2

Achromatopsia

9F9F9F
B0B0B0
C6C6C6
E4E4E4
CECECE

Shades & Tints Shades & Tints

#90AF74

Dark
Light

#B0BD6E

Dark
Light

#FDBE61

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #90af74;
  --color-2: #b0bd6e;
  --color-3: #fdbe61;
  --color-4: #ffe791;
  --color-5: #fbc682;
}

SCSS

$color-1: #90af74;
$color-2: #b0bd6e;
$color-3: #fdbe61;
$color-4: #ffe791;
$color-5: #fbc682;

TAILWIND

colors: {
  'brand-1': '#90af74',
  'brand-2': '#b0bd6e',
  'brand-3': '#fdbe61',
  'brand-4': '#ffe791',
  'brand-5': '#fbc682',
}

RGB Array

[144, 175, 116], [176, 189, 110], [253, 190, 97], [255, 231, 145], [251, 198, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #90AF74, #B0BD6E, #FDBE61, #FFE791, #FBC682 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: #90af74; --color-2: #b0bd6e; --color-3: #fdbe61; --color-4: #ffe791; --color-5: #fbc682. 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 luxury-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