← Back to Editor

#3B0F0F · #4A4032 · #6A6B54 · #849169 · #C4D1A7

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#3B0F0F

Crimson · Black · Deep Berry

HEX
#3B0F0F
RGB
rgb(59, 15, 15)
HSL
hsl(0, 59%, 15%)
HSB
hsb(0, 75%, 23%)
CMYK
cmyk(0%, 75%, 75%, 77%)
Oklch
oklch(24.4% 0.070 23.8)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#4A4032

Ochre · DarkSlateGray · Cinnamon

HEX
#4A4032
RGB
rgb(74, 64, 50)
HSL
hsl(35, 19%, 24%)
HSB
hsb(35, 32%, 29%)
CMYK
cmyk(0%, 14%, 32%, 71%)
Oklch
oklch(37.8% 0.027 76.1)

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

#6A6B54

Autumn Sage · DimGray · Honey Gold

HEX
#6A6B54
RGB
rgb(106, 107, 84)
HSL
hsl(63, 12%, 37%)
HSB
hsb(63, 21%, 42%)
CMYK
cmyk(1%, 0%, 21%, 58%)
Oklch
oklch(52.0% 0.035 109.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#849169

Grass Green · Gray · Olive Green

HEX
#849169
RGB
rgb(132, 145, 105)
HSL
hsl(79, 16%, 49%)
HSB
hsb(79, 28%, 57%)
CMYK
cmyk(9%, 0%, 28%, 43%)
Oklch
oklch(63.5% 0.059 122.7)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#C4D1A7

Willow Green · Silver · Apple Green

HEX
#C4D1A7
RGB
rgb(196, 209, 167)
HSL
hsl(79, 31%, 74%)
HSB
hsb(79, 20%, 82%)
CMYK
cmyk(6%, 0%, 20%, 18%)
Oklch
oklch(84.0% 0.058 121.6)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3B0F0F
103D3D

Analogous

3D1026
3B0F0F
3D2610

Triadic

3B0F0F
103D10
10103D

Split-Comp.

3B0F0F
103D26
10263D

Tetradic

3B0F0F
263D10
103D3D
26103D

Contrast Matrix WCAG 2.1 Contrast

3B0F0F
4A4032
6A6B54
849169
C4D1A7
—
1.6
Fail
3.0
AA Large
4.9
AA
10.3
AAA
1.6
Fail
—
1.9
Fail
3.0
AA Large
6.3
AA
3.0
AA Large
1.9
Fail
—
1.6
Fail
3.4
AA Large
4.9
AA
3.0
AA Large
1.6
Fail
—
2.1
Fail
10.3
AAA
6.3
AA
3.4
AA Large
2.1
Fail
—
White BG
16.7AAA
10.1AAA
5.5AA
3.4AA Large
1.6Fail
Black BG
1.3Fail
2.1Fail
3.8AA Large
6.2AA
13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

28280F
464635
6A6A5A
8A8A73
CACAB1

Deuteranopia

2B2E0F
464736
6A6A5B
898875
C9C8B4

Tritanopia

390F0F
4A3839
6A5E5F
857A7C
C5B9BB

Achromatopsia

1C1C1C
414141
686868
898989
C8C8C8

Shades & Tints Shades & Tints

#3B0F0F

Dark
Light

#4A4032

Dark
Light

#6A6B54

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3b0f0f;
  --color-2: #4a4032;
  --color-3: #6a6b54;
  --color-4: #849169;
  --color-5: #c4d1a7;
}

SCSS

$color-1: #3b0f0f;
$color-2: #4a4032;
$color-3: #6a6b54;
$color-4: #849169;
$color-5: #c4d1a7;

TAILWIND

colors: {
  'brand-1': '#3b0f0f',
  'brand-2': '#4a4032',
  'brand-3': '#6a6b54',
  'brand-4': '#849169',
  'brand-5': '#c4d1a7',
}

RGB Array

[59, 15, 15], [74, 64, 50], [106, 107, 84], [132, 145, 105], [196, 209, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #3B0F0F, #4A4032, #6A6B54, #849169, #C4D1A7 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #3b0f0f; --color-2: #4a4032; --color-3: #6a6b54; --color-4: #849169; --color-5: #c4d1a7. 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. 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 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