← Back to Editor

#021D16 · #103222 · #1F4329 · #E3DCB2 · #F0ECC6

luxury

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#021D16

Mineral Blue · Black · Peacock Green

HEX
#021D16
RGB
rgb(2, 29, 22)
HSL
hsl(164, 87%, 6%)
HSB
hsb(164, 93%, 11%)
CMYK
cmyk(93%, 0%, 24%, 89%)
Oklch
oklch(20.7% 0.037 173.1)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#103222

Mineral Blue · DarkSlateGray · Dark Green

HEX
#103222
RGB
rgb(16, 50, 34)
HSL
hsl(152, 52%, 13%)
HSB
hsb(152, 68%, 20%)
CMYK
cmyk(68%, 0%, 32%, 80%)
Oklch
oklch(28.7% 0.050 160.3)

Traditional「Mineral Blue」· Paint「Dark Green」· Creative Blush Sunrise

#1F4329

Celadon · DarkSlateGray · Dark Green

HEX
#1F4329
RGB
rgb(31, 67, 41)
HSL
hsl(137, 37%, 19%)
HSB
hsb(137, 54%, 26%)
CMYK
cmyk(54%, 0%, 39%, 74%)
Oklch
oklch(34.8% 0.062 151.1)

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

#E3DCB2

Fresh Green · Wheat · Lemon Cream

HEX
#E3DCB2
RGB
rgb(227, 220, 178)
HSL
hsl(51, 47%, 79%)
HSB
hsb(51, 22%, 89%)
CMYK
cmyk(0%, 3%, 22%, 11%)
Oklch
oklch(88.9% 0.056 99.6)

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

#F0ECC6

Fresh Green · Bisque · Lemon Cream

HEX
#F0ECC6
RGB
rgb(240, 236, 198)
HSL
hsl(54, 58%, 86%)
HSB
hsb(54, 17%, 94%)
CMYK
cmyk(0%, 2%, 17%, 6%)
Oklch
oklch(93.7% 0.050 102.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

021D16
1D0209

Analogous

021D08
021D16
02161D

Triadic

021D16
16021D
1D1602

Split-Comp.

021D16
1D0216
1D0802

Tetradic

021D16
08021D
1D0209
161D02

Contrast Matrix WCAG 2.1 Contrast

021D16
103222
1F4329
E3DCB2
F0ECC6
—
1.3
Fail
1.6
Fail
12.7
AAA
14.7
AAA
1.3
Fail
—
1.3
Fail
10.1
AAA
11.7
AAA
1.6
Fail
1.3
Fail
—
8.0
AAA
9.3
AAA
12.7
AAA
10.1
AAA
8.0
AAA
—
1.2
Fail
14.7
AAA
11.7
AAA
9.3
AAA
1.2
Fail
—
White BG
17.6AAA
14.0AAA
11.1AAA
1.4Fail
1.2Fail
Black BG
1.2Fail
1.5Fail
1.9Fail
15.1AAA
17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0E0E18
1F1F26
2F2F2F
E0E0BC
EEEECF

Deuteranopia

0C0A18
1D1A27
2D2A31
E0E1BF
EFEFD1

Tritanopia

031919
12292A
213435
E3C4C6
F0D6D8

Achromatopsia

141414
262626
353535
D9D9D9
E9E9E9

Shades & Tints Shades & Tints

#021D16

Dark
Light

#103222

Dark
Light

#1F4329

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #021d16;
  --color-2: #103222;
  --color-3: #1f4329;
  --color-4: #e3dcb2;
  --color-5: #f0ecc6;
}

SCSS

$color-1: #021d16;
$color-2: #103222;
$color-3: #1f4329;
$color-4: #e3dcb2;
$color-5: #f0ecc6;

TAILWIND

colors: {
  'brand-1': '#021d16',
  'brand-2': '#103222',
  'brand-3': '#1f4329',
  'brand-4': '#e3dcb2',
  'brand-5': '#f0ecc6',
}

RGB Array

[2, 29, 22], [16, 50, 34], [31, 67, 41], [227, 220, 178], [240, 236, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #021D16, #103222, #1F4329, #E3DCB2, #F0ECC6 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #021d16; --color-2: #103222; --color-3: #1f4329; --color-4: #e3dcb2; --color-5: #f0ecc6. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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