← Back to Editor

#38302D · #361C05 · #753215 · #825826 · #CDAB49

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#38302D

Tangerine · DarkSlateGray · Cinnamon

HEX
#38302D
RGB
rgb(56, 48, 45)
HSL
hsl(16, 11%, 20%)
HSB
hsb(16, 20%, 22%)
CMYK
cmyk(0%, 14%, 20%, 78%)
Oklch
oklch(31.7% 0.013 41.7)

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

#361C05

Tangerine · Black · Cinnamon

HEX
#361C05
RGB
rgb(54, 28, 5)
HSL
hsl(28, 83%, 12%)
HSB
hsb(28, 91%, 21%)
CMYK
cmyk(0%, 48%, 91%, 79%)
Oklch
oklch(25.7% 0.054 58.8)

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

#753215

Tangerine · Brown · Amber Brown

HEX
#753215
RGB
rgb(117, 50, 21)
HSL
hsl(18, 70%, 27%)
HSB
hsb(18, 82%, 46%)
CMYK
cmyk(0%, 57%, 82%, 54%)
Oklch
oklch(40.4% 0.103 42.0)

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

#825826

Ochre · Sienna · Amber Brown

HEX
#825826
RGB
rgb(130, 88, 38)
HSL
hsl(33, 55%, 33%)
HSB
hsb(33, 71%, 51%)
CMYK
cmyk(0%, 32%, 71%, 49%)
Oklch
oklch(49.6% 0.086 68.1)

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

#CDAB49

Ginger · GoldenRod · Sunflower

HEX
#CDAB49
RGB
rgb(205, 171, 73)
HSL
hsl(45, 57%, 55%)
HSB
hsb(45, 64%, 80%)
CMYK
cmyk(0%, 17%, 64%, 20%)
Oklch
oklch(75.3% 0.122 89.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

38302D
2D3639

Analogous

392D30
38302D
39362D

Triadic

38302D
2D3930
302D39

Split-Comp.

38302D
2D3936
2D3039

Tetradic

38302D
30392D
2D3639
362D39

Contrast Matrix WCAG 2.1 Contrast

38302D
361C05
753215
825826
CDAB49
—
1.2
Fail
1.4
Fail
2.1
Fail
5.8
AA
1.2
Fail
—
1.7
Fail
2.5
Fail
7.2
AAA
1.4
Fail
1.7
Fail
—
1.5
Fail
4.3
AA Large
2.1
Fail
2.5
Fail
1.5
Fail
—
2.8
Fail
5.8
AA
7.2
AAA
4.3
AA Large
2.8
Fail
—
White BG
12.9AAA
15.8AAA
9.4AAA
6.2AA
2.2Fail
Black BG
1.6Fail
1.3Fail
2.2Fail
3.4AA Large
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

35342E
2B2B0B
58571C
706F32
BEBE61

Deuteranopia

35362E
2C2E0C
5C611E
727535
C0C366

Tritanopia

382E2E
350F10
722223
803C3E
CB7378

Achromatopsia

323232
212121
434343
5F5F5F
AAAAAA

Shades & Tints Shades & Tints

#38302D

Dark
Light

#361C05

Dark
Light

#753215

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #38302d;
  --color-2: #361c05;
  --color-3: #753215;
  --color-4: #825826;
  --color-5: #cdab49;
}

SCSS

$color-1: #38302d;
$color-2: #361c05;
$color-3: #753215;
$color-4: #825826;
$color-5: #cdab49;

TAILWIND

colors: {
  'brand-1': '#38302d',
  'brand-2': '#361c05',
  'brand-3': '#753215',
  'brand-4': '#825826',
  'brand-5': '#cdab49',
}

RGB Array

[56, 48, 45], [54, 28, 5], [117, 50, 21], [130, 88, 38], [205, 171, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #38302D, #361C05, #753215, #825826, #CDAB49 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #38302d; --color-2: #361c05; --color-3: #753215; --color-4: #825826; --color-5: #cdab49. 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 tech, SaaS, healthcare, eco industries. 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