← Back to Editor

#48312B · #DB895A · #E2D89B · #C8C568 · #93AB5D

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

#48312B

Crimson · DarkSlateGray · Wine Red

HEX
#48312B
RGB
rgb(72, 49, 43)
HSL
hsl(12, 25%, 23%)
HSB
hsb(12, 40%, 28%)
CMYK
cmyk(0%, 32%, 40%, 72%)
Oklch
oklch(33.8% 0.035 35.2)

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

#DB895A

Apricot · DarkSalmon · Warm Sun

HEX
#DB895A
RGB
rgb(219, 137, 90)
HSL
hsl(22, 64%, 61%)
HSB
hsb(22, 59%, 86%)
CMYK
cmyk(0%, 37%, 59%, 14%)
Oklch
oklch(70.6% 0.118 49.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E2D89B

Fresh Green · Khaki · Sunflower

HEX
#E2D89B
RGB
rgb(226, 216, 155)
HSL
hsl(52, 55%, 75%)
HSB
hsb(52, 31%, 89%)
CMYK
cmyk(0%, 4%, 31%, 11%)
Oklch
oklch(87.6% 0.080 99.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#C8C568

Autumn Sage · BurlyWood · Sunflower

HEX
#C8C568
RGB
rgb(200, 197, 104)
HSL
hsl(58, 47%, 60%)
HSB
hsb(58, 48%, 78%)
CMYK
cmyk(0%, 1%, 48%, 22%)
Oklch
oklch(80.6% 0.116 107.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#93AB5D

Grass Green · DarkSeaGreen · Olive Green

HEX
#93AB5D
RGB
rgb(147, 171, 93)
HSL
hsl(78, 32%, 52%)
HSB
hsb(78, 46%, 67%)
CMYK
cmyk(14%, 0%, 46%, 33%)
Oklch
oklch(70.5% 0.107 123.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

48312B
2C4349

Analogous

492C35
48312B
49412C

Triadic

48312B
2C4932
322C49

Split-Comp.

48312B
2C4941
2C3549

Tetradic

48312B
35492C
2C4349
412C49

Contrast Matrix WCAG 2.1 Contrast

48312B
DB895A
E2D89B
C8C568
93AB5D
—
4.4
AA Large
8.3
AAA
6.7
AA
4.7
AA
4.4
AA Large
—
1.9
Fail
1.5
Fail
1.1
Fail
8.3
AAA
1.9
Fail
—
1.2
Fail
1.8
Fail
6.7
AA
1.5
Fail
1.2
Fail
—
1.4
Fail
4.7
AA
1.1
Fail
1.8
Fail
1.4
Fail
—
White BG
12.0AAA
2.7Fail
1.4Fail
1.8Fail
2.6Fail
Black BG
1.7Fail
7.7AAA
14.5AAA
11.6AAA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3E2C
B7B765
DEDEAA
C7C77F
9D9E70

Deuteranopia

3F412D
BCC268
DEDFAD
C7C784
9C9A74

Tritanopia

472E2E
D76E70
E2B5B8
C89094
947F82

Achromatopsia

373737
9C9C9C
D4D4D4
BBBBBB
9B9B9B

Shades & Tints Shades & Tints

#48312B

Dark
Light

#DB895A

Dark
Light

#E2D89B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #48312b;
  --color-2: #db895a;
  --color-3: #e2d89b;
  --color-4: #c8c568;
  --color-5: #93ab5d;
}

SCSS

$color-1: #48312b;
$color-2: #db895a;
$color-3: #e2d89b;
$color-4: #c8c568;
$color-5: #93ab5d;

TAILWIND

colors: {
  'brand-1': '#48312b',
  'brand-2': '#db895a',
  'brand-3': '#e2d89b',
  'brand-4': '#c8c568',
  'brand-5': '#93ab5d',
}

RGB Array

[72, 49, 43], [219, 137, 90], [226, 216, 155], [200, 197, 104], [147, 171, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #48312B, #DB895A, #E2D89B, #C8C568, #93AB5D is ideal for: 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: #48312b; --color-2: #db895a; --color-3: #e2d89b; --color-4: #c8c568; --color-5: #93ab5d. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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