← Back to Editor

#362347 · #3C666E · #9AA79B · #F8EAC7 · #DB7916

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

#362347

Dark Plum · DarkSlateGray · Eggplant

HEX
#362347
RGB
rgb(54, 35, 71)
HSL
hsl(272, 34%, 21%)
HSB
hsb(272, 51%, 28%)
CMYK
cmyk(24%, 51%, 0%, 72%)
Oklch
oklch(29.7% 0.067 307.1)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#3C666E

Slate Blue · DarkSlateGray · Mint Ice

HEX
#3C666E
RGB
rgb(60, 102, 110)
HSL
hsl(190, 29%, 33%)
HSB
hsb(190, 45%, 43%)
CMYK
cmyk(45%, 7%, 0%, 57%)
Oklch
oklch(48.3% 0.049 211.0)

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

#9AA79B

Ash · DarkGray · Silver Sand

HEX
#9AA79B
RGB
rgb(154, 167, 155)
HSL
hsl(125, 7%, 63%)
HSB
hsb(125, 8%, 65%)
CMYK
cmyk(8%, 0%, 7%, 35%)
Oklch
oklch(71.5% 0.023 147.5)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#F8EAC7

Goose Yellow · Bisque · Lemon Cream

HEX
#F8EAC7
RGB
rgb(248, 234, 199)
HSL
hsl(43, 78%, 88%)
HSB
hsb(43, 20%, 97%)
CMYK
cmyk(0%, 6%, 20%, 3%)
Oklch
oklch(93.9% 0.048 88.8)

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

#DB7916

Ochre · Chocolate · Amber Brown

HEX
#DB7916
RGB
rgb(219, 121, 22)
HSL
hsl(30, 82%, 47%)
HSB
hsb(30, 90%, 86%)
CMYK
cmyk(0%, 45%, 90%, 14%)
Oklch
oklch(67.2% 0.156 57.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

362347
344823

Analogous

252348
362347
482347

Triadic

362347
483723
234837

Split-Comp.

362347
474823
234825

Tetradic

362347
482523
344823
234748

Contrast Matrix WCAG 2.1 Contrast

362347
3C666E
9AA79B
F8EAC7
DB7916
—
2.2
Fail
5.6
AA
11.8
AAA
4.5
AA
2.2
Fail
—
2.5
Fail
5.3
AA
2.0
Fail
5.6
AA
2.5
Fail
—
2.1
Fail
1.2
Fail
11.8
AAA
5.3
AA
2.1
Fail
—
2.6
Fail
4.5
AA
2.0
Fail
1.2
Fail
2.6
Fail
—
White BG
14.1AAA
6.3AA
2.5Fail
1.2Fail
3.1AA Large
Black BG
1.5Fail
3.3AA Large
8.4AAA
17.6AAA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E3E
4E4F6C
A0A09E
F2F2CF
B1B02E

Deuteranopia

2F303C
4C496C
9F9E9F
F3F4D2
B6BE34

Tritanopia

353736
3E6B6A
9BA0A1
F7D6D8
D64145

Achromatopsia

2D2D2D
5A5A5A
A2A2A2
EAEAEA
8B8B8B

Shades & Tints Shades & Tints

#362347

Dark
Light

#3C666E

Dark
Light

#9AA79B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #362347;
  --color-2: #3c666e;
  --color-3: #9aa79b;
  --color-4: #f8eac7;
  --color-5: #db7916;
}

SCSS

$color-1: #362347;
$color-2: #3c666e;
$color-3: #9aa79b;
$color-4: #f8eac7;
$color-5: #db7916;

TAILWIND

colors: {
  'brand-1': '#362347',
  'brand-2': '#3c666e',
  'brand-3': '#9aa79b',
  'brand-4': '#f8eac7',
  'brand-5': '#db7916',
}

RGB Array

[54, 35, 71], [60, 102, 110], [154, 167, 155], [248, 234, 199], [219, 121, 22]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #362347, #3C666E, #9AA79B, #F8EAC7, #DB7916 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: #362347; --color-2: #3c666e; --color-3: #9aa79b; --color-4: #f8eac7; --color-5: #db7916. 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