← Back to Editor

#737595 · #EBEFB0 · #BBD0B6 · #75AEAD · #79276B

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

#737595

Azure · SlateGray · Navy Blue

HEX
#737595
RGB
rgb(115, 117, 149)
HSL
hsl(236, 14%, 52%)
HSB
hsb(236, 23%, 58%)
CMYK
cmyk(23%, 21%, 0%, 42%)
Oklch
oklch(57.3% 0.049 281.9)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#EBEFB0

Fresh Green · Wheat · Lemon Cream

HEX
#EBEFB0
RGB
rgb(235, 239, 176)
HSL
hsl(64, 66%, 81%)
HSB
hsb(64, 26%, 94%)
CMYK
cmyk(2%, 0%, 26%, 6%)
Oklch
oklch(93.4% 0.081 110.9)

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

#BBD0B6

Celadon · Silver · Apple Green

HEX
#BBD0B6
RGB
rgb(187, 208, 182)
HSL
hsl(108, 22%, 76%)
HSB
hsb(108, 12%, 82%)
CMYK
cmyk(10%, 0%, 12%, 18%)
Oklch
oklch(83.5% 0.042 139.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#75AEAD

Mineral Blue · CadetBlue · Lake Green

HEX
#75AEAD
RGB
rgb(117, 174, 173)
HSL
hsl(179, 26%, 57%)
HSB
hsb(179, 33%, 68%)
CMYK
cmyk(33%, 0%, 1%, 32%)
Oklch
oklch(71.1% 0.059 194.5)

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

#79276B

Rose Purple · Purple · Eggplant

HEX
#79276B
RGB
rgb(121, 39, 107)
HSL
hsl(310, 51%, 31%)
HSB
hsb(310, 68%, 47%)
CMYK
cmyk(0%, 68%, 12%, 53%)
Oklch
oklch(42.2% 0.140 335.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

737595
969373

Analogous

738796
737595
827396

Triadic

737595
967376
769673

Split-Comp.

737595
968273
879673

Tetradic

737595
967387
969373
739682

Contrast Matrix WCAG 2.1 Contrast

737595
EBEFB0
BBD0B6
75AEAD
79276B
—
3.7
AA Large
2.7
Fail
1.8
Fail
2.0
Fail
3.7
AA Large
—
1.4
Fail
2.1
Fail
7.6
AAA
2.7
Fail
1.4
Fail
—
1.5
Fail
5.5
AA
1.8
Fail
2.1
Fail
1.5
Fail
—
3.6
AA Large
2.0
Fail
7.6
AAA
5.5
AA
3.6
AA Large
—
White BG
4.5AA Large
1.2Fail
1.6Fail
2.5Fail
9.1AAA
Black BG
4.7AA
17.5AAA
12.8AAA
8.4AAA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

74748D
EDEDBF
C4C4BC
8E8EAD
55555B

Deuteranopia

74748B
EDECC3
C3C1BE
8A86AD
5A6057

Tritanopia

738786
EBCBCE
BCC1C2
78ADAD
754E4B

Achromatopsia

787878
E7E7E7
C7C7C7
9D9D9D
474747

Shades & Tints Shades & Tints

#737595

Dark
Light

#EBEFB0

Dark
Light

#BBD0B6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #737595;
  --color-2: #ebefb0;
  --color-3: #bbd0b6;
  --color-4: #75aead;
  --color-5: #79276b;
}

SCSS

$color-1: #737595;
$color-2: #ebefb0;
$color-3: #bbd0b6;
$color-4: #75aead;
$color-5: #79276b;

TAILWIND

colors: {
  'brand-1': '#737595',
  'brand-2': '#ebefb0',
  'brand-3': '#bbd0b6',
  'brand-4': '#75aead',
  'brand-5': '#79276b',
}

RGB Array

[115, 117, 149], [235, 239, 176], [187, 208, 182], [117, 174, 173], [121, 39, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #737595, #EBEFB0, #BBD0B6, #75AEAD, #79276B is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #737595; --color-2: #ebefb0; --color-3: #bbd0b6; --color-4: #75aead; --color-5: #79276b. 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 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