← Back to Editor

#969E9B · #707A6F · #6B5846 · #663330 · #521829

warm

A 5-color warm 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

#969E9B

Ash · DarkGray · Silver Sand

HEX
#969E9B
RGB
rgb(150, 158, 155)
HSL
hsl(157, 4%, 60%)
HSB
hsb(157, 5%, 62%)
CMYK
cmyk(5%, 0%, 2%, 38%)
Oklch
oklch(69.2% 0.010 171.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#707A6F

Ink Gray · DimGray · Warm Gray

HEX
#707A6F
RGB
rgb(112, 122, 111)
HSL
hsl(115, 5%, 46%)
HSB
hsb(115, 9%, 48%)
CMYK
cmyk(8%, 0%, 9%, 52%)
Oklch
oklch(56.8% 0.020 142.7)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#6B5846

Tangerine · DarkOliveGreen · Amber Brown

HEX
#6B5846
RGB
rgb(107, 88, 70)
HSL
hsl(29, 21%, 35%)
HSB
hsb(29, 35%, 42%)
CMYK
cmyk(0%, 18%, 35%, 58%)
Oklch
oklch(47.4% 0.037 65.2)

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

#663330

Crimson · DarkOliveGreen · Wine Red

HEX
#663330
RGB
rgb(102, 51, 48)
HSL
hsl(3, 36%, 29%)
HSB
hsb(3, 53%, 40%)
CMYK
cmyk(0%, 50%, 53%, 60%)
Oklch
oklch(38.7% 0.074 24.6)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#521829

Dark Violet · Maroon · Raspberry

HEX
#521829
RGB
rgb(82, 24, 41)
HSL
hsl(342, 55%, 21%)
HSB
hsb(342, 71%, 32%)
CMYK
cmyk(0%, 71%, 50%, 68%)
Oklch
oklch(30.8% 0.088 5.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

969E9B
9D9598

Analogous

959D96
969E9B
959C9D

Triadic

969E9B
9A959D
9D9A95

Split-Comp.

969E9B
9D959C
9D9695

Tetradic

969E9B
96959D
9D9598
9C9D95

Contrast Matrix WCAG 2.1 Contrast

969E9B
707A6F
6B5846
663330
521829
—
1.6
Fail
2.5
Fail
3.7
AA Large
5.0
AA
1.6
Fail
—
1.5
Fail
2.3
Fail
3.1
AA Large
2.5
Fail
1.5
Fail
—
1.5
Fail
2.0
Fail
3.7
AA Large
2.3
Fail
1.5
Fail
—
1.4
Fail
5.0
AA
3.1
AA Large
2.0
Fail
1.4
Fail
—
White BG
2.7Fail
4.5AA Large
6.8AA
10.1AAA
13.8AAA
Black BG
7.7AAA
4.7AA
3.1AA Large
2.1Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

999A9C
747472
63634A
504F31
393825

Deuteranopia

99989C
747372
64654B
535731
3C4124

Tritanopia

969C9C
707474
6A4E4F
633131
4F2221

Achromatopsia

9B9B9B
767676
5C5C5C
424242
2B2B2B

Shades & Tints Shades & Tints

#969E9B

Dark
Light

#707A6F

Dark
Light

#6B5846

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #969e9b;
  --color-2: #707a6f;
  --color-3: #6b5846;
  --color-4: #663330;
  --color-5: #521829;
}

SCSS

$color-1: #969e9b;
$color-2: #707a6f;
$color-3: #6b5846;
$color-4: #663330;
$color-5: #521829;

TAILWIND

colors: {
  'brand-1': '#969e9b',
  'brand-2': '#707a6f',
  'brand-3': '#6b5846',
  'brand-4': '#663330',
  'brand-5': '#521829',
}

RGB Array

[150, 158, 155], [112, 122, 111], [107, 88, 70], [102, 51, 48], [82, 24, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #969E9B, #707A6F, #6B5846, #663330, #521829 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: #969e9b; --color-2: #707a6f; --color-3: #6b5846; --color-4: #663330; --color-5: #521829. 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 warm-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