#484148 + #AE846B + #D89A73 + #E46763 + #606369 · minimal - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#484148

Dark Cyan · DarkSlateGray · Charcoal

HEX

#484148

RGB

rgb(72, 65, 72)

HSL

hsl(300, 5%, 27%)

HSB

hsb(300, 10%, 28%)

CMYK

cmyk(0%, 10%, 0%, 72%)

Oklch

oklch(38.5% 0.015 325.9)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#AE846B

Tangerine · Gray · Warm Sun

HEX

#AE846B

RGB

rgb(174, 132, 107)

HSL

hsl(22, 29%, 55%)

HSB

hsb(22, 39%, 68%)

CMYK

cmyk(0%, 24%, 39%, 32%)

Oklch

oklch(64.8% 0.063 52.0)

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

#D89A73

Apricot · DarkSalmon · Warm Sun

HEX

#D89A73

RGB

rgb(216, 154, 115)

HSL

hsl(23, 56%, 65%)

HSB

hsb(23, 47%, 85%)

CMYK

cmyk(0%, 29%, 47%, 15%)

Oklch

oklch(73.7% 0.091 53.0)

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

#E46763

Peach Pink · Salmon · Coral Red

HEX

#E46763

RGB

rgb(228, 103, 99)

HSL

hsl(2, 70%, 64%)

HSB

hsb(2, 57%, 89%)

CMYK

cmyk(0%, 55%, 57%, 11%)

Oklch

oklch(66.6% 0.157 24.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#606369

Ink Gray · DimGray · Charcoal

HEX

#606369

RGB

rgb(96, 99, 105)

HSL

hsl(220, 4%, 39%)

HSB

hsb(220, 9%, 41%)

CMYK

cmyk(9%, 6%, 0%, 59%)

Oklch

oklch(49.9% 0.010 264.5)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

484148

414841

Analogous

454148

484148

484145

Triadic

484148

484841

414848

Split-Comp.

484148

454841

414845

Tetradic

484148

484541

414841

414548

Contrast Matrix WCAG 2.1 Contrast

484148	AE846B	D89A73	E46763	606369
—	3.0 Fail	4.1 AA Large	3.0 AA Large	1.6 Fail
3.0 Fail	—	1.4 Fail	1.0 Fail	1.8 Fail
4.1 AA Large	1.4 Fail	—	1.4 Fail	2.5 Fail
3.0 AA Large	1.0 Fail	1.4 Fail	—	1.8 Fail
1.6 Fail	1.8 Fail	2.5 Fail	1.8 Fail	—

White BG

9.9AAA

3.3AA Large

2.4Fail

3.3AA Large

6.0AA

Black BG

2.1Fail

6.3AA

8.8AAA

6.4AA

3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

454546

9C9B71

BDBD7C

AEAD64

616168

Deuteranopia

454646

9EA173

C1C57F

B5BF64

616167

Tritanopia

484545

AC7677

D58486

DE6565

606666

Achromatopsia

444444

8E8E8E

A8A8A8

8C8C8C

636363

Shades & Tints Shades & Tints

#484148

Dark

Light

#AE846B

Dark

Light

#D89A73

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #484148;
  --color-2: #ae846b;
  --color-3: #d89a73;
  --color-4: #e46763;
  --color-5: #606369;
}

SCSS

$color-1: #484148;
$color-2: #ae846b;
$color-3: #d89a73;
$color-4: #e46763;
$color-5: #606369;

TAILWIND

colors: {
  'brand-1': '#484148',
  'brand-2': '#ae846b',
  'brand-3': '#d89a73',
  'brand-4': '#e46763',
  'brand-5': '#606369',
}

RGB Array

[72, 65, 72], [174, 132, 107], [216, 154, 115], [228, 103, 99], [96, 99, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #484148, #AE846B, #D89A73, #E46763, #606369 is ideal for: corporate websites, product showcases, portfolios. 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: #484148; --color-2: #ae846b; --color-3: #d89a73; --color-4: #e46763; --color-5: #606369. 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. 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