← Back to Editor

#361821 · #BB5E5F · #E8AA3F · #FDEEC9 · #6B868E

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

#361821

Dark Violet · Black · Raspberry

HEX
#361821
RGB
rgb(54, 24, 33)
HSL
hsl(342, 38%, 15%)
HSB
hsb(342, 56%, 21%)
CMYK
cmyk(0%, 56%, 39%, 79%)
Oklch
oklch(25.6% 0.049 2.1)

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

#BB5E5F

Crimson · Sienna · Passion Red

HEX
#BB5E5F
RGB
rgb(187, 94, 95)
HSL
hsl(359, 41%, 55%)
HSB
hsb(359, 50%, 73%)
CMYK
cmyk(0%, 50%, 49%, 27%)
Oklch
oklch(59.3% 0.120 20.7)

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

#E8AA3F

Ginger · GoldenRod · Warm Sun

HEX
#E8AA3F
RGB
rgb(232, 170, 63)
HSL
hsl(38, 79%, 58%)
HSB
hsb(38, 73%, 91%)
CMYK
cmyk(0%, 27%, 73%, 9%)
Oklch
oklch(77.8% 0.139 77.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#FDEEC9

Goose Yellow · Bisque · Lemon Cream

HEX
#FDEEC9
RGB
rgb(253, 238, 201)
HSL
hsl(43, 93%, 89%)
HSB
hsb(43, 21%, 99%)
CMYK
cmyk(0%, 6%, 21%, 1%)
Oklch
oklch(95.2% 0.051 88.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#6B868E

Slate Blue · SlateGray · Mint Ice

HEX
#6B868E
RGB
rgb(107, 134, 142)
HSL
hsl(194, 14%, 49%)
HSB
hsb(194, 25%, 56%)
CMYK
cmyk(25%, 6%, 0%, 44%)
Oklch
oklch(60.2% 0.033 217.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

361821
18352C

Analogous

35182F
361821
351E18

Triadic

361821
203518
182035

Split-Comp.

361821
18351E
182F35

Tetradic

361821
2F3518
18352C
1E1835

Contrast Matrix WCAG 2.1 Contrast

361821
BB5E5F
E8AA3F
FDEEC9
6B868E
—
3.7
AA Large
7.8
AAA
13.9
AAA
4.1
AA Large
3.7
AA Large
—
2.1
Fail
3.7
AA Large
1.1
Fail
7.8
AAA
2.1
Fail
—
1.8
Fail
1.9
Fail
13.9
AAA
3.7
AA Large
1.8
Fail
—
3.4
AA Large
4.1
AA Large
1.1
Fail
1.9
Fail
3.4
AA Large
—
White BG
16.0AAA
4.3AA Large
2.0Fail
1.2Fail
3.9AA Large
Black BG
1.3Fail
4.9AA
10.3AAA
18.2AAA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

29291F
93925F
CDCD59
F7F6D2
77778C

Deuteranopia

2B2D1E
989F5F
D1D55F
F7F9D4
75738C

Tritanopia

351D1D
B65F5F
E56D72
FCD9DB
6C8B8A

Achromatopsia

222222
7A7A7A
B0B0B0
EEEEEE
7F7F7F

Shades & Tints Shades & Tints

#361821

Dark
Light

#BB5E5F

Dark
Light

#E8AA3F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #361821;
  --color-2: #bb5e5f;
  --color-3: #e8aa3f;
  --color-4: #fdeec9;
  --color-5: #6b868e;
}

SCSS

$color-1: #361821;
$color-2: #bb5e5f;
$color-3: #e8aa3f;
$color-4: #fdeec9;
$color-5: #6b868e;

TAILWIND

colors: {
  'brand-1': '#361821',
  'brand-2': '#bb5e5f',
  'brand-3': '#e8aa3f',
  'brand-4': '#fdeec9',
  'brand-5': '#6b868e',
}

RGB Array

[54, 24, 33], [187, 94, 95], [232, 170, 63], [253, 238, 201], [107, 134, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #361821, #BB5E5F, #E8AA3F, #FDEEC9, #6B868E 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: #361821; --color-2: #bb5e5f; --color-3: #e8aa3f; --color-4: #fdeec9; --color-5: #6b868e. 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