← Back to Editor

#3D2431 · #69635E · #668075 · #35C8B6 · #69635E

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

#3D2431

Rose Purple · DarkSlateGray · Raspberry

HEX
#3D2431
RGB
rgb(61, 36, 49)
HSL
hsl(329, 26%, 19%)
HSB
hsb(329, 41%, 24%)
CMYK
cmyk(0%, 41%, 20%, 76%)
Oklch
oklch(29.7% 0.043 347.6)

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

#69635E

Ink Gray · DimGray · Charcoal

HEX
#69635E
RGB
rgb(105, 99, 94)
HSL
hsl(27, 6%, 39%)
HSB
hsb(27, 10%, 41%)
CMYK
cmyk(0%, 6%, 10%, 59%)
Oklch
oklch(50.4% 0.011 62.4)

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

#668075

Mineral Blue · DimGray · Olive Green

HEX
#668075
RGB
rgb(102, 128, 117)
HSL
hsl(155, 11%, 45%)
HSB
hsb(155, 20%, 50%)
CMYK
cmyk(20%, 0%, 9%, 50%)
Oklch
oklch(57.6% 0.034 167.5)

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

#35C8B6

Mineral Blue · MediumTurquoise · Mint Ice

HEX
#35C8B6
RGB
rgb(53, 200, 182)
HSL
hsl(173, 58%, 50%)
HSB
hsb(173, 74%, 78%)
CMYK
cmyk(74%, 0%, 9%, 22%)
Oklch
oklch(75.4% 0.123 182.8)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#69635E

Ink Gray · DimGray · Charcoal

HEX
#69635E
RGB
rgb(105, 99, 94)
HSL
hsl(27, 6%, 39%)
HSB
hsb(27, 10%, 41%)
CMYK
cmyk(0%, 6%, 10%, 59%)
Oklch
oklch(50.4% 0.011 62.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3D2431
243D30

Analogous

3D243D
3D2431
3D2424

Triadic

3D2431
313D24
24313D

Split-Comp.

3D2431
243D24
243D3D

Tetradic

3D2431
3D3D24
243D30
24243D

Contrast Matrix WCAG 2.1 Contrast

3D2431
69635E
668075
35C8B6
69635E
—
2.4
Fail
3.3
AA Large
6.7
AA
2.4
Fail
2.4
Fail
—
1.4
Fail
2.8
Fail
—
3.3
AA Large
1.4
Fail
—
2.1
Fail
1.4
Fail
6.7
AA
2.8
Fail
2.1
Fail
—
2.8
Fail
2.4
Fail
—
1.4
Fail
2.8
Fail
—
White BG
14.0AAA
5.9AA
4.3AA Large
2.1Fail
5.9AA
Black BG
1.5Fail
3.5AA Large
4.9AA
10.1AAA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

32322E
66665F
717178
7576BA
66665F

Deuteranopia

34352D
676760
706E78
6C61BB
676760

Tritanopia

3C2B2B
696060
677A7A
3CBEBF
696060

Achromatopsia

2D2D2D
646464
777777
9A9A9A
646464

Shades & Tints Shades & Tints

#3D2431

Dark
Light

#69635E

Dark
Light

#668075

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3d2431;
  --color-2: #69635e;
  --color-3: #668075;
  --color-4: #35c8b6;
  --color-5: #69635e;
}

SCSS

$color-1: #3d2431;
$color-2: #69635e;
$color-3: #668075;
$color-4: #35c8b6;
$color-5: #69635e;

TAILWIND

colors: {
  'brand-1': '#3d2431',
  'brand-2': '#69635e',
  'brand-3': '#668075',
  'brand-4': '#35c8b6',
  'brand-5': '#69635e',
}

RGB Array

[61, 36, 49], [105, 99, 94], [102, 128, 117], [53, 200, 182], [105, 99, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3D2431, #69635E, #668075, #35C8B6, #69635E 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: #3d2431; --color-2: #69635e; --color-3: #668075; --color-4: #35c8b6; --color-5: #69635e. 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