#5F5A84 + #FFBF8D + #FF91A3 + #8E549D + #B3E0DC · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#5F5A84

Deep Indigo · DimGray · Navy Blue

HEX

#5F5A84

RGB

rgb(95, 90, 132)

HSL

hsl(247, 19%, 44%)

HSB

hsb(247, 32%, 52%)

CMYK

cmyk(28%, 32%, 0%, 48%)

Oklch

oklch(49.0% 0.067 289.1)

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

#FFBF8D

Apricot · BurlyWood · Peach Orange

HEX

#FFBF8D

RGB

rgb(255, 191, 141)

HSL

hsl(26, 100%, 78%)

HSB

hsb(26, 45%, 100%)

CMYK

cmyk(0%, 25%, 45%, 0%)

Oklch

oklch(85.2% 0.098 59.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FF91A3

Peach Pink · LightCoral · Coral Red

HEX

#FF91A3

RGB

rgb(255, 145, 163)

HSL

hsl(350, 100%, 78%)

HSB

hsb(350, 43%, 100%)

CMYK

cmyk(0%, 43%, 36%, 0%)

Oklch

oklch(77.8% 0.133 10.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#8E549D

Dark Plum · Gray · Violet

HEX

#8E549D

RGB

rgb(142, 84, 157)

HSL

hsl(288, 30%, 47%)

HSB

hsb(288, 46%, 62%)

CMYK

cmyk(10%, 46%, 0%, 38%)

Oklch

oklch(54.1% 0.127 319.2)

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

#B3E0DC

Jade · LightBlue · Glacier Blue

HEX

#B3E0DC

RGB

rgb(179, 224, 220)

HSL

hsl(175, 42%, 79%)

HSB

hsb(175, 20%, 88%)

CMYK

cmyk(20%, 0%, 2%, 12%)

Oklch

oklch(87.4% 0.047 189.6)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5F5A84

81865B

Analogous

5B6B86

5F5A84

755B86

Triadic

5F5A84

86605B

5B8660

Split-Comp.

5F5A84

86755B

6B865B

Tetradic

5F5A84

865B6B

81865B

5B8675

Contrast Matrix WCAG 2.1 Contrast

5F5A84	FFBF8D	FF91A3	8E549D	B3E0DC
—	4.0 AA Large	3.0 Fail	1.2 Fail	4.5 AA Large
4.0 AA Large	—	1.3 Fail	3.4 AA Large	1.1 Fail
3.0 Fail	1.3 Fail	—	2.5 Fail	1.5 Fail
1.2 Fail	3.4 AA Large	2.5 Fail	—	3.7 AA Large
4.5 AA Large	1.1 Fail	1.5 Fail	3.7 AA Large	—

White BG

6.4AA

1.6Fail

2.1Fail

5.4AA

1.4Fail

Black BG

3.3AA Large

13.1AAA

9.8AAA

3.9AA Large

14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5D7A

E3E399

CFCE9F

75748B

C6C7DD

Deuteranopia

5D5E77

E7EC9C

D6DE9E

787D87

C4C1DD

Tritanopia

5F7270

FCA3A5

FA9B9A

8B7D7A

B5DEDE

Achromatopsia

606060

CCCCCC

B4B4B4

6E6E6E

D2D2D2

Shades & Tints Shades & Tints

#5F5A84

Dark

Light

#FFBF8D

Dark

Light

#FF91A3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5f5a84;
  --color-2: #ffbf8d;
  --color-3: #ff91a3;
  --color-4: #8e549d;
  --color-5: #b3e0dc;
}

SCSS

$color-1: #5f5a84;
$color-2: #ffbf8d;
$color-3: #ff91a3;
$color-4: #8e549d;
$color-5: #b3e0dc;

TAILWIND

colors: {
  'brand-1': '#5f5a84',
  'brand-2': '#ffbf8d',
  'brand-3': '#ff91a3',
  'brand-4': '#8e549d',
  'brand-5': '#b3e0dc',
}

RGB Array

[95, 90, 132], [255, 191, 141], [255, 145, 163], [142, 84, 157], [179, 224, 220]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #5F5A84, #FFBF8D, #FF91A3, #8E549D, #B3E0DC is ideal for: health products, baby brands, fresh-style blogs. 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: #5f5a84; --color-2: #ffbf8d; --color-3: #ff91a3; --color-4: #8e549d; --color-5: #b3e0dc. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 vintage-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