← Back to Editor

#452E3C · #FF3D5A · #FFB969 · #EAF27E · #3B8C88

vintage

A 5-color vintage palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPosterData Visualization

Color Details Color Details

#452E3C

Rose Purple · DarkSlateGray · Raspberry

HEX
#452E3C
RGB
rgb(69, 46, 60)
HSL
hsl(323, 20%, 23%)
HSB
hsb(323, 33%, 27%)
CMYK
cmyk(0%, 33%, 13%, 73%)
Oklch
oklch(33.4% 0.040 342.4)

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

#FF3D5A

Peach Pink · Tomato · Coral Red

HEX
#FF3D5A
RGB
rgb(255, 61, 90)
HSL
hsl(351, 100%, 62%)
HSB
hsb(351, 76%, 100%)
CMYK
cmyk(0%, 76%, 65%, 0%)
Oklch
oklch(66.1% 0.227 18.4)

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

#FFB969

Goose Yellow · SandyBrown · Warm Sun

HEX
#FFB969
RGB
rgb(255, 185, 105)
HSL
hsl(32, 100%, 71%)
HSB
hsb(32, 59%, 100%)
CMYK
cmyk(0%, 27%, 59%, 0%)
Oklch
oklch(83.5% 0.126 68.3)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#EAF27E

Fresh Green · Khaki · Sunflower

HEX
#EAF27E
RGB
rgb(234, 242, 126)
HSL
hsl(64, 82%, 72%)
HSB
hsb(64, 48%, 95%)
CMYK
cmyk(3%, 0%, 48%, 5%)
Oklch
oklch(93.1% 0.140 112.3)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#3B8C88

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#3B8C88
RGB
rgb(59, 140, 136)
HSL
hsl(177, 41%, 39%)
HSB
hsb(177, 58%, 55%)
CMYK
cmyk(58%, 0%, 3%, 45%)
Oklch
oklch(58.9% 0.079 190.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

452E3C
2F4638

Analogous

442F46
452E3C
462F32

Triadic

452E3C
3D462F
2F3D46

Split-Comp.

452E3C
32462F
2F4644

Tetradic

452E3C
46442F
2F4638
2F3246

Contrast Matrix WCAG 2.1 Contrast

452E3C
FF3D5A
FFB969
EAF27E
3B8C88
—
3.5
AA Large
7.3
AAA
10.2
AAA
3.1
AA Large
3.5
AA Large
—
2.0
Fail
2.9
Fail
1.1
Fail
7.3
AAA
2.0
Fail
—
1.4
Fail
2.3
Fail
10.2
AAA
2.9
Fail
1.4
Fail
—
3.3
AA Large
3.1
AA Large
1.1
Fail
2.3
Fail
3.3
AA Large
—
White BG
12.3AAA
3.5AA Large
1.7Fail
1.2Fail
4.0AA Large
Black BG
1.7Fail
6.1AA
12.4AAA
17.5AAA
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3B3B39
ABA953
E1E07C
EDEE9A
5E5F89

Deuteranopia

3C3E38
B6C551
E5EA81
EDECA1
595389

Tritanopia

443635
F54D4C
FC8C8F
EAB0B5
3F8A8A

Achromatopsia

363636
7A7A7A
C5C5C5
E2E2E2
737373

Shades & Tints Shades & Tints

#452E3C

Dark
Light

#FF3D5A

Dark
Light

#FFB969

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #452e3c;
  --color-2: #ff3d5a;
  --color-3: #ffb969;
  --color-4: #eaf27e;
  --color-5: #3b8c88;
}

SCSS

$color-1: #452e3c;
$color-2: #ff3d5a;
$color-3: #ffb969;
$color-4: #eaf27e;
$color-5: #3b8c88;

TAILWIND

colors: {
  'brand-1': '#452e3c',
  'brand-2': '#ff3d5a',
  'brand-3': '#ffb969',
  'brand-4': '#eaf27e',
  'brand-5': '#3b8c88',
}

RGB Array

[69, 46, 60], [255, 61, 90], [255, 185, 105], [234, 242, 126], [59, 140, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #452E3C, #FF3D5A, #FFB969, #EAF27E, #3B8C88 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #452e3c; --color-2: #ff3d5a; --color-3: #ffb969; --color-4: #eaf27e; --color-5: #3b8c88. 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 vintage-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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