← Back to Editor

#7F7168 · #382B25 · #321720 · #162220 · #110F1A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#7F7168

Tangerine · DimGray · Amber Brown

HEX
#7F7168
RGB
rgb(127, 113, 104)
HSL
hsl(23, 10%, 45%)
HSB
hsb(23, 18%, 50%)
CMYK
cmyk(0%, 11%, 18%, 50%)
Oklch
oklch(55.9% 0.022 54.9)

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

#382B25

Tangerine · DarkSlateGray · Cinnamon

HEX
#382B25
RGB
rgb(56, 43, 37)
HSL
hsl(19, 20%, 18%)
HSB
hsb(19, 34%, 22%)
CMYK
cmyk(0%, 23%, 34%, 78%)
Oklch
oklch(30.2% 0.022 46.1)

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

#321720

Dark Violet · Black · Raspberry

HEX
#321720
RGB
rgb(50, 23, 32)
HSL
hsl(340, 37%, 14%)
HSB
hsb(340, 54%, 20%)
CMYK
cmyk(0%, 54%, 36%, 80%)
Oklch
oklch(24.7% 0.045 359.7)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#162220

Mineral Blue · Black · Peacock Green

HEX
#162220
RGB
rgb(22, 34, 32)
HSL
hsl(170, 21%, 11%)
HSB
hsb(170, 35%, 13%)
CMYK
cmyk(35%, 0%, 6%, 87%)
Oklch
oklch(24.0% 0.017 183.4)

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

#110F1A

Deep Indigo · Black · Deep Sea Blue

HEX
#110F1A
RGB
rgb(17, 15, 26)
HSL
hsl(251, 27%, 8%)
HSB
hsb(251, 42%, 10%)
CMYK
cmyk(35%, 42%, 0%, 90%)
Oklch
oklch(17.7% 0.023 292.3)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7F7168
67757E

Analogous

7E676A
7F7168
7E7C67

Triadic

7F7168
677E70
70677E

Split-Comp.

7F7168
677E7C
676A7E

Tetradic

7F7168
6A7E67
67757E
7C677E

Contrast Matrix WCAG 2.1 Contrast

7F7168
382B25
321720
162220
110F1A
—
2.9
Fail
3.5
AA Large
3.5
AA Large
4.0
AA Large
2.9
Fail
—
1.2
Fail
1.2
Fail
1.4
Fail
3.5
AA Large
1.2
Fail
—
1.0
Fail
1.2
Fail
3.5
AA Large
1.2
Fail
1.0
Fail
—
1.2
Fail
4.0
AA Large
1.4
Fail
1.2
Fail
1.2
Fail
—
White BG
4.7AA
13.6AAA
16.4AAA
16.4AAA
19.0AAA
Black BG
4.5AA Large
1.5Fail
1.3Fail
1.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

79796A
323226
26261E
1B1B20
101017

Deuteranopia

7A7B6B
333427
282A1D
1B1A21
101017

Tritanopia

7E6C6C
372828
311C1C
172121
111515

Achromatopsia

747474
2E2E2E
202020
1E1E1E
111111

Shades & Tints Shades & Tints

#7F7168

Dark
Light

#382B25

Dark
Light

#321720

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7f7168;
  --color-2: #382b25;
  --color-3: #321720;
  --color-4: #162220;
  --color-5: #110f1a;
}

SCSS

$color-1: #7f7168;
$color-2: #382b25;
$color-3: #321720;
$color-4: #162220;
$color-5: #110f1a;

TAILWIND

colors: {
  'brand-1': '#7f7168',
  'brand-2': '#382b25',
  'brand-3': '#321720',
  'brand-4': '#162220',
  'brand-5': '#110f1a',
}

RGB Array

[127, 113, 104], [56, 43, 37], [50, 23, 32], [22, 34, 32], [17, 15, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7F7168, #382B25, #321720, #162220, #110F1A is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #7f7168; --color-2: #382b25; --color-3: #321720; --color-4: #162220; --color-5: #110f1a. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 general-style 5-color scheme is especially suited for finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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