← Back to Editor

#629666 · #90B98D · #72933A · #5B6907 · #2B1A08

vintage

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPosterData Visualization

Color Details Color Details

#629666

Celadon · Gray · Olive Green

HEX
#629666
RGB
rgb(98, 150, 102)
HSL
hsl(125, 21%, 49%)
HSB
hsb(125, 35%, 59%)
CMYK
cmyk(35%, 0%, 32%, 41%)
Oklch
oklch(62.3% 0.091 146.2)

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

#90B98D

Celadon · DarkSeaGreen · Apple Green

HEX
#90B98D
RGB
rgb(144, 185, 141)
HSL
hsl(116, 24%, 64%)
HSB
hsb(116, 24%, 73%)
CMYK
cmyk(22%, 0%, 24%, 27%)
Oklch
oklch(74.4% 0.076 143.0)

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

#72933A

Grass Green · DarkOliveGreen · Forest Green

HEX
#72933A
RGB
rgb(114, 147, 58)
HSL
hsl(82, 43%, 40%)
HSB
hsb(82, 61%, 58%)
CMYK
cmyk(22%, 0%, 61%, 42%)
Oklch
oklch(61.9% 0.123 126.8)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#5B6907

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#5B6907
RGB
rgb(91, 105, 7)
HSL
hsl(69, 87%, 22%)
HSB
hsb(69, 93%, 41%)
CMYK
cmyk(13%, 0%, 93%, 59%)
Oklch
oklch(49.2% 0.112 118.6)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#2B1A08

Ochre · Black · Cinnamon

HEX
#2B1A08
RGB
rgb(43, 26, 8)
HSL
hsl(31, 69%, 10%)
HSB
hsb(31, 81%, 17%)
CMYK
cmyk(0%, 40%, 81%, 83%)
Oklch
oklch(23.6% 0.040 65.4)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

629666
976393

Analogous

799763
629666
639781

Triadic

629666
676397
976763

Split-Comp.

629666
816397
976379

Tetradic

629666
637997
976393
978163

Contrast Matrix WCAG 2.1 Contrast

629666
90B98D
72933A
5B6907
2B1A08
—
1.6
Fail
1.0
Fail
1.8
Fail
4.8
AA
1.6
Fail
—
1.6
Fail
2.7
Fail
7.6
AAA
1.0
Fail
1.6
Fail
—
1.7
Fail
4.7
AA
1.8
Fail
2.7
Fail
1.7
Fail
—
2.8
Fail
4.8
AA
7.6
AAA
4.7
AA
2.8
Fail
—
White BG
3.5AA Large
2.2Fail
3.5AA Large
6.1AA
16.7AAA
Black BG
6.1AA
9.5AAA
6.0AA
3.5AA Large
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

797972
A2A298
808150
61611F
24230C

Deuteranopia

767274
9F9C9A
7E7C55
605F24
25260D

Tritanopia

657B7D
92A0A2
746164
5C3136
2A1011

Achromatopsia

818181
A8A8A8
7F7F7F
5A5A5A
1D1D1D

Shades & Tints Shades & Tints

#629666

Dark
Light

#90B98D

Dark
Light

#72933A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #629666;
  --color-2: #90b98d;
  --color-3: #72933a;
  --color-4: #5b6907;
  --color-5: #2b1a08;
}

SCSS

$color-1: #629666;
$color-2: #90b98d;
$color-3: #72933a;
$color-4: #5b6907;
$color-5: #2b1a08;

TAILWIND

colors: {
  'brand-1': '#629666',
  'brand-2': '#90b98d',
  'brand-3': '#72933a',
  'brand-4': '#5b6907',
  'brand-5': '#2b1a08',
}

RGB Array

[98, 150, 102], [144, 185, 141], [114, 147, 58], [91, 105, 7], [43, 26, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #629666, #90B98D, #72933A, #5B6907, #2B1A08 is ideal for: tech websites, dark mode UIs, game UIs, 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: #629666; --color-2: #90b98d; --color-3: #72933a; --color-4: #5b6907; --color-5: #2b1a08. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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