← Back to Editor

#5F1813 · #852C17 · #D0AD98 · #ABAB85 · #55ABA2

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin PanelData Visualization

Color Details Color Details

#5F1813

Vermilion · Maroon · Wine Red

HEX
#5F1813
RGB
rgb(95, 24, 19)
HSL
hsl(4, 67%, 22%)
HSB
hsb(4, 80%, 37%)
CMYK
cmyk(0%, 75%, 80%, 63%)
Oklch
oklch(32.7% 0.104 28.2)

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

#852C17

Vermilion · Brown · Wine Red

HEX
#852C17
RGB
rgb(133, 44, 23)
HSL
hsl(11, 71%, 31%)
HSB
hsb(11, 83%, 52%)
CMYK
cmyk(0%, 67%, 83%, 48%)
Oklch
oklch(42.3% 0.127 34.5)

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

#D0AD98

Apricot · Tan · Warm Sun

HEX
#D0AD98
RGB
rgb(208, 173, 152)
HSL
hsl(23, 37%, 71%)
HSB
hsb(23, 27%, 82%)
CMYK
cmyk(0%, 17%, 27%, 18%)
Oklch
oklch(77.3% 0.050 52.7)

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

#ABAB85

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#ABAB85
RGB
rgb(171, 171, 133)
HSL
hsl(60, 18%, 60%)
HSB
hsb(60, 22%, 67%)
CMYK
cmyk(0%, 0%, 22%, 33%)
Oklch
oklch(73.1% 0.052 107.6)

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

#55ABA2

Mineral Blue · CadetBlue · Mint Ice

HEX
#55ABA2
RGB
rgb(85, 171, 162)
HSL
hsl(174, 34%, 50%)
HSB
hsb(174, 50%, 67%)
CMYK
cmyk(50%, 0%, 5%, 33%)
Oklch
oklch(68.5% 0.085 186.4)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5F1813
13595E

Analogous

5E1333
5F1813
5E3D13

Triadic

5F1813
135E18
18135E

Split-Comp.

5F1813
135E3D
13335E

Tetradic

5F1813
335E13
13595E
3D135E

Contrast Matrix WCAG 2.1 Contrast

5F1813
852C17
D0AD98
ABAB85
55ABA2
—
1.5
Fail
6.2
AA
5.5
AA
4.8
AA
1.5
Fail
—
4.3
AA Large
3.8
AA Large
3.3
AA Large
6.2
AA
4.3
AA Large
—
1.1
Fail
1.3
Fail
5.5
AA
3.8
AA Large
1.1
Fail
—
1.2
Fail
4.8
AA
3.3
AA Large
1.3
Fail
1.2
Fail
—
White BG
12.9AAA
8.9AAA
2.1Fail
2.4Fail
2.7Fail
Black BG
1.6Fail
2.4Fail
10.1AAA
8.9AAA
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

404014
5E5E1C
C1C19D
ABAB8E
7A7BA4

Deuteranopia

444A15
646A1D
C3C69E
ABAB90
756FA5

Tritanopia

5B1515
812021
CEA1A2
AB9597
59A6A6

Achromatopsia

2D2D2D
444444
B5B5B5
A7A7A7
909090

Shades & Tints Shades & Tints

#5F1813

Dark
Light

#852C17

Dark
Light

#D0AD98

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5f1813;
  --color-2: #852c17;
  --color-3: #d0ad98;
  --color-4: #abab85;
  --color-5: #55aba2;
}

SCSS

$color-1: #5f1813;
$color-2: #852c17;
$color-3: #d0ad98;
$color-4: #abab85;
$color-5: #55aba2;

TAILWIND

colors: {
  'brand-1': '#5f1813',
  'brand-2': '#852c17',
  'brand-3': '#d0ad98',
  'brand-4': '#abab85',
  'brand-5': '#55aba2',
}

RGB Array

[95, 24, 19], [133, 44, 23], [208, 173, 152], [171, 171, 133], [85, 171, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #5F1813, #852C17, #D0AD98, #ABAB85, #55ABA2 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: #5f1813; --color-2: #852c17; --color-3: #d0ad98; --color-4: #abab85; --color-5: #55aba2. 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 minimal-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