← Back to Editor

#181A2F · #553343 · #B35A60 · #E6E2A5 · #F7F6F1

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#181A2F

Indigo · Black · Deep Sea Blue

HEX
#181A2F
RGB
rgb(24, 26, 47)
HSL
hsl(235, 32%, 14%)
HSB
hsb(235, 49%, 18%)
CMYK
cmyk(49%, 45%, 0%, 82%)
Oklch
oklch(22.7% 0.041 278.5)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#553343

Dark Violet · DarkSlateGray · Camellia

HEX
#553343
RGB
rgb(85, 51, 67)
HSL
hsl(332, 25%, 27%)
HSB
hsb(332, 40%, 33%)
CMYK
cmyk(0%, 40%, 21%, 67%)
Oklch
oklch(36.8% 0.054 350.4)

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

#B35A60

Crimson · Sienna · Passion Red

HEX
#B35A60
RGB
rgb(179, 90, 96)
HSL
hsl(356, 37%, 53%)
HSB
hsb(356, 50%, 70%)
CMYK
cmyk(0%, 50%, 46%, 30%)
Oklch
oklch(57.6% 0.116 17.2)

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

#E6E2A5

Fresh Green · Wheat · Lemon Cream

HEX
#E6E2A5
RGB
rgb(230, 226, 165)
HSL
hsl(56, 57%, 77%)
HSB
hsb(56, 28%, 90%)
CMYK
cmyk(0%, 2%, 28%, 10%)
Oklch
oklch(90.1% 0.079 104.7)

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

#F7F6F1

Fresh Green · SeaShell · Lemon Cream

HEX
#F7F6F1
RGB
rgb(247, 246, 241)
HSL
hsl(50, 27%, 96%)
HSB
hsb(50, 2%, 97%)
CMYK
cmyk(0%, 0%, 2%, 3%)
Oklch
oklch(97.3% 0.007 97.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

181A2F
2F2D18

Analogous

18262F
181A2F
22182F

Triadic

181A2F
2F181A
1A2F18

Split-Comp.

181A2F
2F2218
262F18

Tetradic

181A2F
2F1826
2F2D18
182F22

Contrast Matrix WCAG 2.1 Contrast

181A2F
553343
B35A60
E6E2A5
F7F6F1
—
1.6
Fail
3.7
AA Large
12.9
AAA
15.8
AAA
1.6
Fail
—
2.3
Fail
8.1
AAA
10.0
AAA
3.7
AA Large
2.3
Fail
—
3.5
AA Large
4.3
AA Large
12.9
AAA
8.1
AAA
3.5
AA Large
—
1.2
Fail
15.8
AAA
10.0
AAA
4.3
AA Large
1.2
Fail
—
White BG
17.1AAA
10.8AAA
4.6AA
1.3Fail
1.1Fail
Black BG
1.2Fail
1.9Fail
4.5AA
15.8AAA
19.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

19192A
46463F
8C8C5F
E4E4B4
F7F7F2

Deuteranopia

191929
484B3E
92985E
E5E5B7
F7F7F3

Tritanopia

182625
533C3B
AF5D5D
E6BFC2
F7F3F3

Achromatopsia

1C1C1C
3F3F3F
757575
DCDCDC
F6F6F6

Shades & Tints Shades & Tints

#181A2F

Dark
Light

#553343

Dark
Light

#B35A60

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #181a2f;
  --color-2: #553343;
  --color-3: #b35a60;
  --color-4: #e6e2a5;
  --color-5: #f7f6f1;
}

SCSS

$color-1: #181a2f;
$color-2: #553343;
$color-3: #b35a60;
$color-4: #e6e2a5;
$color-5: #f7f6f1;

TAILWIND

colors: {
  'brand-1': '#181a2f',
  'brand-2': '#553343',
  'brand-3': '#b35a60',
  'brand-4': '#e6e2a5',
  'brand-5': '#f7f6f1',
}

RGB Array

[24, 26, 47], [85, 51, 67], [179, 90, 96], [230, 226, 165], [247, 246, 241]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #181A2F, #553343, #B35A60, #E6E2A5, #F7F6F1 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: #181a2f; --color-2: #553343; --color-3: #b35a60; --color-4: #e6e2a5; --color-5: #f7f6f1. 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