← Back to Editor

#3F6335 · #B7D46D · #FFEABF · #C9B679 · #05142B

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

#3F6335

Celadon · DarkOliveGreen · Forest Green

HEX
#3F6335
RGB
rgb(63, 99, 53)
HSL
hsl(107, 30%, 30%)
HSB
hsb(107, 46%, 39%)
CMYK
cmyk(36%, 0%, 46%, 61%)
Oklch
oklch(46.0% 0.082 139.1)

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

#B7D46D

Willow Green · Tan · Apple Green

HEX
#B7D46D
RGB
rgb(183, 212, 109)
HSL
hsl(77, 54%, 63%)
HSB
hsb(77, 49%, 83%)
CMYK
cmyk(14%, 0%, 49%, 17%)
Oklch
oklch(82.6% 0.134 122.3)

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

#FFEABF

Goose Yellow · Bisque · Lemon Cream

HEX
#FFEABF
RGB
rgb(255, 234, 191)
HSL
hsl(40, 100%, 87%)
HSB
hsb(40, 25%, 100%)
CMYK
cmyk(0%, 8%, 25%, 0%)
Oklch
oklch(94.3% 0.060 85.0)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#C9B679

Ginger · Tan · Sunflower

HEX
#C9B679
RGB
rgb(201, 182, 121)
HSL
hsl(46, 43%, 63%)
HSB
hsb(46, 40%, 79%)
CMYK
cmyk(0%, 9%, 40%, 21%)
Oklch
oklch(77.8% 0.082 92.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#05142B

Indigo · Black · Deep Sea Blue

HEX
#05142B
RGB
rgb(5, 20, 43)
HSL
hsl(216, 79%, 9%)
HSB
hsb(216, 88%, 17%)
CMYK
cmyk(88%, 53%, 0%, 83%)
Oklch
oklch(19.3% 0.051 257.8)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3F6335
5A3663

Analogous

566336
3F6335
366343

Triadic

3F6335
363F63
63363F

Split-Comp.

3F6335
433663
633656

Tetradic

3F6335
365663
5A3663
634336

Contrast Matrix WCAG 2.1 Contrast

3F6335
B7D46D
FFEABF
C9B679
05142B
—
4.2
AA Large
5.8
AA
3.4
AA Large
2.7
Fail
4.2
AA Large
—
1.4
Fail
1.2
Fail
11.1
AAA
5.8
AA
1.4
Fail
—
1.7
Fail
15.6
AAA
3.4
AA Large
1.2
Fail
1.7
Fail
—
9.2
AAA
2.7
Fail
11.1
AAA
15.6
AAA
9.2
AAA
—
White BG
6.9AA
1.7Fail
1.2Fail
2.0Fail
18.4AAA
Black BG
3.0AA Large
12.7AAA
17.8AAA
10.5AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F4F40
C4C486
F6F6C9
C1C188
0B0C25

Deuteranopia

4D4A43
C2C08C
F7F9CC
C2C38B
0B0A24

Tritanopia

41494B
B89A9E
FED2D3
C89396
062120

Achromatopsia

535353
C0C0C0
EBEBEB
B5B5B5
121212

Shades & Tints Shades & Tints

#3F6335

Dark
Light

#B7D46D

Dark
Light

#FFEABF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3f6335;
  --color-2: #b7d46d;
  --color-3: #ffeabf;
  --color-4: #c9b679;
  --color-5: #05142b;
}

SCSS

$color-1: #3f6335;
$color-2: #b7d46d;
$color-3: #ffeabf;
$color-4: #c9b679;
$color-5: #05142b;

TAILWIND

colors: {
  'brand-1': '#3f6335',
  'brand-2': '#b7d46d',
  'brand-3': '#ffeabf',
  'brand-4': '#c9b679',
  'brand-5': '#05142b',
}

RGB Array

[63, 99, 53], [183, 212, 109], [255, 234, 191], [201, 182, 121], [5, 20, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #3F6335, #B7D46D, #FFEABF, #C9B679, #05142B 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: #3f6335; --color-2: #b7d46d; --color-3: #ffeabf; --color-4: #c9b679; --color-5: #05142b. 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