← Back to Editor

#6EBEA5 · #349D94 · #105E70 · #C8527C · #F24460

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 MenuPoster

Color Details Color Details

#6EBEA5

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#6EBEA5
RGB
rgb(110, 190, 165)
HSL
hsl(161, 38%, 59%)
HSB
hsb(161, 42%, 75%)
CMYK
cmyk(42%, 0%, 13%, 25%)
Oklch
oklch(74.3% 0.088 171.7)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#349D94

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#349D94
RGB
rgb(52, 157, 148)
HSL
hsl(175, 50%, 41%)
HSB
hsb(175, 67%, 62%)
CMYK
cmyk(67%, 0%, 6%, 38%)
Oklch
oklch(63.5% 0.095 186.9)

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

#105E70

Lake Blue · Teal · Peacock Green

HEX
#105E70
RGB
rgb(16, 94, 112)
HSL
hsl(191, 75%, 25%)
HSB
hsb(191, 86%, 44%)
CMYK
cmyk(86%, 16%, 0%, 56%)
Oklch
oklch(44.7% 0.075 218.1)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#C8527C

Dark Violet · LightCoral · Rose Pink

HEX
#C8527C
RGB
rgb(200, 82, 124)
HSL
hsl(339, 52%, 55%)
HSB
hsb(339, 59%, 78%)
CMYK
cmyk(0%, 59%, 38%, 22%)
Oklch
oklch(60.3% 0.155 0.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#F24460

Peach Pink · Tomato · Coral Red

HEX
#F24460
RGB
rgb(242, 68, 96)
HSL
hsl(350, 87%, 61%)
HSB
hsb(350, 72%, 95%)
CMYK
cmyk(0%, 72%, 60%, 5%)
Oklch
oklch(64.6% 0.209 16.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6EBEA5
BE6F88

Analogous

6FBE7D
6EBEA5
6FB0BE

Triadic

6EBEA5
A56FBE
BEA56F

Split-Comp.

6EBEA5
BE6FB0
BE7D6F

Tetradic

6EBEA5
7D6FBE
BE6F88
B0BE6F

Contrast Matrix WCAG 2.1 Contrast

6EBEA5
349D94
105E70
C8527C
F24460
—
1.5
Fail
3.4
AA Large
1.9
Fail
1.7
Fail
1.5
Fail
—
2.2
Fail
1.3
Fail
1.1
Fail
3.4
AA Large
2.2
Fail
—
1.7
Fail
2.0
Fail
1.9
Fail
1.3
Fail
1.7
Fail
—
1.2
Fail
1.7
Fail
1.1
Fail
2.0
Fail
1.2
Fail
—
White BG
2.2Fail
3.3AA Large
7.4AAA
4.2AA Large
3.6AA Large
Black BG
9.6AAA
6.4AA
2.9Fail
5.0AA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9191AB
616296
32326C
959472
A7A559

Deuteranopia

8C86AD
5B5497
2D276B
9CA56F
B1BE58

Tritanopia

72B0B1
399898
146867
C26A68
E95453

Achromatopsia

A3A3A3
7D7D7D
494949
7A7A7A
7B7B7B

Shades & Tints Shades & Tints

#6EBEA5

Dark
Light

#349D94

Dark
Light

#105E70

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6ebea5;
  --color-2: #349d94;
  --color-3: #105e70;
  --color-4: #c8527c;
  --color-5: #f24460;
}

SCSS

$color-1: #6ebea5;
$color-2: #349d94;
$color-3: #105e70;
$color-4: #c8527c;
$color-5: #f24460;

TAILWIND

colors: {
  'brand-1': '#6ebea5',
  'brand-2': '#349d94',
  'brand-3': '#105e70',
  'brand-4': '#c8527c',
  'brand-5': '#f24460',
}

RGB Array

[110, 190, 165], [52, 157, 148], [16, 94, 112], [200, 82, 124], [242, 68, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #6EBEA5, #349D94, #105E70, #C8527C, #F24460 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #6ebea5; --color-2: #349d94; --color-3: #105e70; --color-4: #c8527c; --color-5: #f24460. 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 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