#37D495 + #6BAA76 + #A08056 + #B23E3E + #472D25 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#37D495

Mineral Blue · LightSeaGreen · Olive Green

HEX

#37D495

RGB

rgb(55, 212, 149)

HSL

hsl(156, 65%, 52%)

HSB

hsb(156, 74%, 83%)

CMYK

cmyk(74%, 0%, 30%, 17%)

Oklch

oklch(77.5% 0.157 161.2)

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

#6BAA76

Celadon · CadetBlue · Olive Green

HEX

#6BAA76

RGB

rgb(107, 170, 118)

HSL

hsl(130, 27%, 54%)

HSB

hsb(130, 37%, 67%)

CMYK

cmyk(37%, 0%, 31%, 33%)

Oklch

oklch(68.1% 0.100 148.8)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#A08056

Ochre · Gray · Amber Brown

HEX

#A08056

RGB

rgb(160, 128, 86)

HSL

hsl(34, 30%, 48%)

HSB

hsb(34, 46%, 63%)

CMYK

cmyk(0%, 20%, 46%, 37%)

Oklch

oklch(62.0% 0.070 73.5)

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

#B23E3E

Crimson · Brown · Passion Red

HEX

#B23E3E

RGB

rgb(178, 62, 62)

HSL

hsl(0, 48%, 47%)

HSB

hsb(0, 65%, 70%)

CMYK

cmyk(0%, 65%, 65%, 30%)

Oklch

oklch(52.8% 0.151 23.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#472D25

Crimson · DarkSlateGray · Wine Red

HEX

#472D25

RGB

rgb(71, 45, 37)

HSL

hsl(14, 31%, 21%)

HSB

hsb(14, 48%, 28%)

CMYK

cmyk(0%, 37%, 48%, 72%)

Oklch

oklch(32.6% 0.041 37.8)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

37D495

D43575

Analogous

35D445

37D495

35C4D4

Triadic

37D495

9535D4

D49535

Split-Comp.

37D495

D435C4

D44535

Tetradic

37D495

4535D4

D43575

C4D435

Contrast Matrix WCAG 2.1 Contrast

37D495	6BAA76	A08056	B23E3E	472D25
—	1.4 Fail	1.9 Fail	3.0 AA Large	6.6 AA
1.4 Fail	—	1.3 Fail	2.1 Fail	4.6 AA
1.9 Fail	1.3 Fail	—	1.6 Fail	3.4 AA Large
3.0 AA Large	2.1 Fail	1.6 Fail	—	2.2 Fail
6.6 AA	4.6 AA	3.4 AA Large	2.2 Fail	—

White BG

1.9Fail

2.7Fail

3.7AA Large

5.8AA

12.6AAA

Black BG

11.0AAA

7.6AAA

5.7AA

3.7AA Large

1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7CA4

868783

929260

807F3E

3C3C27

Deuteranopia

7266A8

837E86

949663

878F3E

3D3F27

Tritanopia

3FB0B3

6E8D8F

9E686A

AC3E3E

462829

Achromatopsia

9E9E9E

919191

858585

616161

343434

Shades & Tints Shades & Tints

#37D495

Dark

Light

#6BAA76

Dark

Light

#A08056

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #37d495;
  --color-2: #6baa76;
  --color-3: #a08056;
  --color-4: #b23e3e;
  --color-5: #472d25;
}

SCSS

$color-1: #37d495;
$color-2: #6baa76;
$color-3: #a08056;
$color-4: #b23e3e;
$color-5: #472d25;

TAILWIND

colors: {
  'brand-1': '#37d495',
  'brand-2': '#6baa76',
  'brand-3': '#a08056',
  'brand-4': '#b23e3e',
  'brand-5': '#472d25',
}

RGB Array

[55, 212, 149], [107, 170, 118], [160, 128, 86], [178, 62, 62], [71, 45, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #37D495, #6BAA76, #A08056, #B23E3E, #472D25 is ideal for: corporate websites, product showcases, portfolios. 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: #37d495; --color-2: #6baa76; --color-3: #a08056; --color-4: #b23e3e; --color-5: #472d25. 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 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