← Back to Editor

#F6AA30 · #EF8620 · #CA4E1D · #694318 · #83B087

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

#F6AA30

Ginger · GoldenRod · Warm Sun

HEX
#F6AA30
RGB
rgb(246, 170, 48)
HSL
hsl(37, 92%, 58%)
HSB
hsb(37, 80%, 96%)
CMYK
cmyk(0%, 31%, 80%, 4%)
Oklch
oklch(79.3% 0.154 73.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#EF8620

Ginger · GoldenRod · Warm Sun

HEX
#EF8620
RGB
rgb(239, 134, 32)
HSL
hsl(30, 87%, 53%)
HSB
hsb(30, 87%, 94%)
CMYK
cmyk(0%, 44%, 87%, 6%)
Oklch
oklch(72.1% 0.164 57.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#CA4E1D

Tangerine · Chocolate · Amber Brown

HEX
#CA4E1D
RGB
rgb(202, 78, 29)
HSL
hsl(17, 75%, 45%)
HSB
hsb(17, 86%, 79%)
CMYK
cmyk(0%, 61%, 86%, 21%)
Oklch
oklch(58.3% 0.168 39.5)

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

#694318

Ochre · DarkOliveGreen · Cinnamon

HEX
#694318
RGB
rgb(105, 67, 24)
HSL
hsl(32, 63%, 25%)
HSB
hsb(32, 77%, 41%)
CMYK
cmyk(0%, 36%, 77%, 59%)
Oklch
oklch(41.8% 0.078 65.8)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#83B087

Celadon · DarkSeaGreen · Olive Green

HEX
#83B087
RGB
rgb(131, 176, 135)
HSL
hsl(125, 22%, 60%)
HSB
hsb(125, 26%, 69%)
CMYK
cmyk(26%, 0%, 23%, 31%)
Oklch
oklch(71.4% 0.076 147.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6AA30
317DF6

Analogous

F64831
F6AA30
DFF631

Triadic

F6AA30
31F6AB
AB31F6

Split-Comp.

F6AA30
31DFF6
4831F6

Tetradic

F6AA30
31F648
317DF6
F631DF

Contrast Matrix WCAG 2.1 Contrast

F6AA30
EF8620
CA4E1D
694318
83B087
—
1.3
Fail
2.3
Fail
4.4
AA Large
1.3
Fail
1.3
Fail
—
1.8
Fail
3.4
AA Large
1.1
Fail
2.3
Fail
1.8
Fail
—
1.9
Fail
1.8
Fail
4.4
AA Large
3.4
AA Large
1.9
Fail
—
3.5
AA Large
1.3
Fail
1.1
Fail
1.8
Fail
3.5
AA Large
—
White BG
2.0Fail
2.6Fail
4.5AA
8.7AAA
2.5Fail
Black BG
10.7AAA
8.1AAA
4.6AA
2.4Fail
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D44E
C2C139
949329
595822
969791

Deuteranopia

DADF55
C8CF3F
9CA52C
5B5E25
949193

Tritanopia

F2656A
EA4C50
C43234
672B2C
85999A

Achromatopsia

B3B3B3
9A9A9A
6D6D6D
494949
9E9E9E

Shades & Tints Shades & Tints

#F6AA30

Dark
Light

#EF8620

Dark
Light

#CA4E1D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6aa30;
  --color-2: #ef8620;
  --color-3: #ca4e1d;
  --color-4: #694318;
  --color-5: #83b087;
}

SCSS

$color-1: #f6aa30;
$color-2: #ef8620;
$color-3: #ca4e1d;
$color-4: #694318;
$color-5: #83b087;

TAILWIND

colors: {
  'brand-1': '#f6aa30',
  'brand-2': '#ef8620',
  'brand-3': '#ca4e1d',
  'brand-4': '#694318',
  'brand-5': '#83b087',
}

RGB Array

[246, 170, 48], [239, 134, 32], [202, 78, 29], [105, 67, 24], [131, 176, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #F6AA30, #EF8620, #CA4E1D, #694318, #83B087 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #f6aa30; --color-2: #ef8620; --color-3: #ca4e1d; --color-4: #694318; --color-5: #83b087. 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 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