← Back to Editor

#719680 · #CFCE99 · #DBB258 · #C68801 · #785A38

luxury

A 5-color luxury palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#719680

Celadon · Gray · Olive Green

HEX
#719680
RGB
rgb(113, 150, 128)
HSL
hsl(144, 15%, 52%)
HSB
hsb(144, 25%, 59%)
CMYK
cmyk(25%, 0%, 15%, 41%)
Oklch
oklch(63.9% 0.053 158.4)

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

#CFCE99

Fresh Green · Tan · Sunflower

HEX
#CFCE99
RGB
rgb(207, 206, 153)
HSL
hsl(59, 36%, 71%)
HSB
hsb(59, 26%, 81%)
CMYK
cmyk(0%, 0%, 26%, 19%)
Oklch
oklch(83.9% 0.070 106.9)

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

#DBB258

Ginger · SandyBrown · Sunflower

HEX
#DBB258
RGB
rgb(219, 178, 88)
HSL
hsl(41, 65%, 60%)
HSB
hsb(41, 60%, 86%)
CMYK
cmyk(0%, 19%, 60%, 14%)
Oklch
oklch(78.3% 0.118 84.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#C68801

Ochre · DarkGoldenRod · Honey Gold

HEX
#C68801
RGB
rgb(198, 136, 1)
HSL
hsl(41, 99%, 39%)
HSB
hsb(41, 99%, 78%)
CMYK
cmyk(0%, 31%, 99%, 22%)
Oklch
oklch(67.2% 0.141 76.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#785A38

Ochre · DarkOliveGreen · Amber Brown

HEX
#785A38
RGB
rgb(120, 90, 56)
HSL
hsl(32, 36%, 35%)
HSB
hsb(32, 53%, 47%)
CMYK
cmyk(0%, 25%, 53%, 53%)
Oklch
oklch(49.1% 0.063 69.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

719680
977288

Analogous

769772
719680
729793

Triadic

719680
817297
978172

Split-Comp.

719680
937297
977276

Tetradic

719680
727697
977288
979372

Contrast Matrix WCAG 2.1 Contrast

719680
CFCE99
DBB258
C68801
785A38
—
2.0
Fail
1.7
Fail
1.1
Fail
1.9
Fail
2.0
Fail
—
1.2
Fail
1.9
Fail
3.9
AA Large
1.7
Fail
1.2
Fail
—
1.5
Fail
3.2
AA Large
1.1
Fail
1.9
Fail
1.5
Fail
—
2.1
Fail
1.9
Fail
3.9
AA Large
3.2
AA Large
2.1
Fail
—
White BG
3.3AA Large
1.6Fail
2.0Fail
3.0AA Large
6.3AA
Black BG
6.4AA
12.9AAA
10.5AAA
6.9AA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

818185
CFCFA6
C9C96E
ABAB22
6B6B40

Deuteranopia

7F7C87
CFCFA9
CCCF73
AFB32A
6D6F42

Tritanopia

738A8A
CFB0B2
D97F83
C33B41
774748

Achromatopsia

888888
C8C8C8
B4B4B4
8B8B8B
5F5F5F

Shades & Tints Shades & Tints

#719680

Dark
Light

#CFCE99

Dark
Light

#DBB258

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #719680;
  --color-2: #cfce99;
  --color-3: #dbb258;
  --color-4: #c68801;
  --color-5: #785a38;
}

SCSS

$color-1: #719680;
$color-2: #cfce99;
$color-3: #dbb258;
$color-4: #c68801;
$color-5: #785a38;

TAILWIND

colors: {
  'brand-1': '#719680',
  'brand-2': '#cfce99',
  'brand-3': '#dbb258',
  'brand-4': '#c68801',
  'brand-5': '#785a38',
}

RGB Array

[113, 150, 128], [207, 206, 153], [219, 178, 88], [198, 136, 1], [120, 90, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #719680, #CFCE99, #DBB258, #C68801, #785A38 is ideal for: corporate websites, product showcases, portfolios. 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: #719680; --color-2: #cfce99; --color-3: #dbb258; --color-4: #c68801; --color-5: #785a38. 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 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