#621F42 + #B52D5D + #BBA72A + #D87522 + #4A426B · 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

#621F42

Rose Purple · DarkSlateGray · Raspberry

HEX

#621F42

RGB

rgb(98, 31, 66)

HSL

hsl(329, 52%, 25%)

HSB

hsb(329, 68%, 38%)

CMYK

cmyk(0%, 68%, 33%, 62%)

Oklch

oklch(35.5% 0.105 351.4)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#B52D5D

Dark Violet · MediumVioletRed · Camellia

HEX

#B52D5D

RGB

rgb(181, 45, 93)

HSL

hsl(339, 60%, 44%)

HSB

hsb(339, 75%, 71%)

CMYK

cmyk(0%, 75%, 49%, 29%)

Oklch

oklch(52.3% 0.175 4.5)

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

#BBA72A

Autumn Sage · GoldenRod · Honey Gold

HEX

#BBA72A

RGB

rgb(187, 167, 42)

HSL

hsl(52, 63%, 45%)

HSB

hsb(52, 78%, 73%)

CMYK

cmyk(0%, 11%, 78%, 27%)

Oklch

oklch(72.5% 0.138 99.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#D87522

Tangerine · Chocolate · Amber Brown

HEX

#D87522

RGB

rgb(216, 117, 34)

HSL

hsl(27, 73%, 49%)

HSB

hsb(27, 84%, 85%)

CMYK

cmyk(0%, 46%, 84%, 15%)

Oklch

oklch(66.2% 0.152 54.6)

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

#4A426B

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX

#4A426B

RGB

rgb(74, 66, 107)

HSL

hsl(252, 24%, 34%)

HSB

hsb(252, 38%, 42%)

CMYK

cmyk(31%, 38%, 0%, 58%)

Oklch

oklch(40.6% 0.068 292.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

621F42

1F613F

Analogous

601F61

621F42

611F20

Triadic

621F42

41611F

1F4161

Split-Comp.

621F42

20611F

1F6160

Tetradic

621F42

61601F

1F613F

1F2061

Contrast Matrix WCAG 2.1 Contrast

621F42	B52D5D	BBA72A	D87522	4A426B
—	1.9 Fail	4.8 AA	3.6 AA Large	1.3 Fail
1.9 Fail	—	2.5 Fail	1.9 Fail	1.5 Fail
4.8 AA	2.5 Fail	—	1.3 Fail	3.8 AA Large
3.6 AA Large	1.9 Fail	1.3 Fail	—	2.8 Fail
1.3 Fail	1.5 Fail	3.8 AA Large	2.8 Fail	—

White BG

11.7AAA

6.0AA

2.4Fail

3.2AA Large

9.2AAA

Black BG

1.8Fail

3.5AA Large

8.7AAA

6.5AA

2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

45443A

7A7951

B2B248

ADAC36

474661

Deuteranopia

494E37

828C4F

B4B550

B3BA3B

47485F

Tritanopia

5F3331

AE4846

BA6065

D34649

4A5958

Achromatopsia

373737

5B5B5B

9F9F9F

898989

494949

Shades & Tints Shades & Tints

#621F42

Dark

Light

#B52D5D

Dark

Light

#BBA72A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #621f42;
  --color-2: #b52d5d;
  --color-3: #bba72a;
  --color-4: #d87522;
  --color-5: #4a426b;
}

SCSS

$color-1: #621f42;
$color-2: #b52d5d;
$color-3: #bba72a;
$color-4: #d87522;
$color-5: #4a426b;

TAILWIND

colors: {
  'brand-1': '#621f42',
  'brand-2': '#b52d5d',
  'brand-3': '#bba72a',
  'brand-4': '#d87522',
  'brand-5': '#4a426b',
}

RGB Array

[98, 31, 66], [181, 45, 93], [187, 167, 42], [216, 117, 34], [74, 66, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #621F42, #B52D5D, #BBA72A, #D87522, #4A426B is ideal for: tech websites, dark mode UIs, game UIs. 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: #621f42; --color-2: #b52d5d; --color-3: #bba72a; --color-4: #d87522; --color-5: #4a426b. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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