← Back to Editor

#630536 · #95875A · #7E7758 · #676757 · #505755

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

#630536

Rose Purple · Maroon · Raspberry

HEX
#630536
RGB
rgb(99, 5, 54)
HSL
hsl(329, 90%, 20%)
HSB
hsb(329, 95%, 39%)
CMYK
cmyk(0%, 95%, 45%, 61%)
Oklch
oklch(32.9% 0.129 356.9)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#95875A

Ochre · Gray · Honey Gold

HEX
#95875A
RGB
rgb(149, 135, 90)
HSL
hsl(46, 25%, 47%)
HSB
hsb(46, 40%, 58%)
CMYK
cmyk(0%, 9%, 40%, 42%)
Oklch
oklch(62.5% 0.064 92.8)

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

#7E7758

Ochre · DimGray · Honey Gold

HEX
#7E7758
RGB
rgb(126, 119, 88)
HSL
hsl(49, 18%, 42%)
HSB
hsb(49, 30%, 49%)
CMYK
cmyk(0%, 6%, 30%, 51%)
Oklch
oklch(56.7% 0.046 96.9)

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

#676757

Autumn Sage · DimGray · Charcoal

HEX
#676757
RGB
rgb(103, 103, 87)
HSL
hsl(60, 8%, 37%)
HSB
hsb(60, 16%, 40%)
CMYK
cmyk(0%, 0%, 16%, 60%)
Oklch
oklch(50.9% 0.024 107.2)

Traditional「Autumn Sage」· Paint「Charcoal」· Creative Midnight Shadow

#505755

Ink Gray · DarkSlateGray · Charcoal

HEX
#505755
RGB
rgb(80, 87, 85)
HSL
hsl(163, 4%, 33%)
HSB
hsb(163, 8%, 34%)
CMYK
cmyk(8%, 0%, 2%, 66%)
Oklch
oklch(45.0% 0.009 176.9)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

630536
056131

Analogous

5F0561
630536
610507

Triadic

630536
356105
053561

Split-Comp.

630536
076105
05615F

Tetradic

630536
615F05
056131
050761

Contrast Matrix WCAG 2.1 Contrast

630536
95875A
7E7758
676757
505755
—
3.7
AA Large
2.9
Fail
2.3
Fail
1.8
Fail
3.7
AA Large
—
1.3
Fail
1.6
Fail
2.1
Fail
2.9
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
2.3
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
1.8
Fail
2.1
Fail
1.6
Fail
1.3
Fail
—
White BG
13.1AAA
3.6AA Large
4.5AA Large
5.7AA
7.4AAA
Black BG
1.6Fail
5.9AA
4.7AA
3.7AA Large
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3A392A
8F8F65
7B7B60
67675B
535355

Deuteranopia

404727
909168
7B7C61
67675C
535256

Tritanopia

5E211F
946D6F
7E6567
675E5F
505656

Achromatopsia

272727
868686
767676
656565
555555

Shades & Tints Shades & Tints

#630536

Dark
Light

#95875A

Dark
Light

#7E7758

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #630536;
  --color-2: #95875a;
  --color-3: #7e7758;
  --color-4: #676757;
  --color-5: #505755;
}

SCSS

$color-1: #630536;
$color-2: #95875a;
$color-3: #7e7758;
$color-4: #676757;
$color-5: #505755;

TAILWIND

colors: {
  'brand-1': '#630536',
  'brand-2': '#95875a',
  'brand-3': '#7e7758',
  'brand-4': '#676757',
  'brand-5': '#505755',
}

RGB Array

[99, 5, 54], [149, 135, 90], [126, 119, 88], [103, 103, 87], [80, 87, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #630536, #95875A, #7E7758, #676757, #505755 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: #630536; --color-2: #95875a; --color-3: #7e7758; --color-4: #676757; --color-5: #505755. 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