← Back to Editor

#0E1B2E · #286077 · #369486 · #C0B887 · #E6CE9E

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

#0E1B2E

Indigo · Black · Deep Sea Blue

HEX
#0E1B2E
RGB
rgb(14, 27, 46)
HSL
hsl(216, 53%, 12%)
HSB
hsb(216, 70%, 18%)
CMYK
cmyk(70%, 41%, 0%, 82%)
Oklch
oklch(22.1% 0.042 257.8)

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

#286077

Slate Blue · DarkSlateGray · Mint Ice

HEX
#286077
RGB
rgb(40, 96, 119)
HSL
hsl(197, 50%, 31%)
HSB
hsb(197, 66%, 47%)
CMYK
cmyk(66%, 19%, 0%, 53%)
Oklch
oklch(46.2% 0.069 228.1)

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

#369486

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#369486
RGB
rgb(54, 148, 134)
HSL
hsl(171, 47%, 40%)
HSB
hsb(171, 64%, 58%)
CMYK
cmyk(64%, 0%, 9%, 42%)
Oklch
oklch(60.7% 0.090 181.6)

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

#C0B887

Fresh Green · Tan · Sunflower

HEX
#C0B887
RGB
rgb(192, 184, 135)
HSL
hsl(52, 31%, 64%)
HSB
hsb(52, 30%, 75%)
CMYK
cmyk(0%, 4%, 30%, 25%)
Oklch
oklch(77.7% 0.066 99.9)

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

#E6CE9E

Goose Yellow · Wheat · Lemon Cream

HEX
#E6CE9E
RGB
rgb(230, 206, 158)
HSL
hsl(40, 59%, 76%)
HSB
hsb(40, 31%, 90%)
CMYK
cmyk(0%, 10%, 31%, 10%)
Oklch
oklch(86.0% 0.068 84.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0E1B2E
2F220E

Analogous

0E2C2F
0E1B2E
120E2F

Triadic

0E1B2E
2F0E1B
1B2F0E

Split-Comp.

0E1B2E
2F120E
2C2F0E

Tetradic

0E1B2E
2F0E2C
2F220E
0E2F12

Contrast Matrix WCAG 2.1 Contrast

0E1B2E
286077
369486
C0B887
E6CE9E
—
2.5
Fail
4.7
AA
8.6
AAA
11.3
AAA
2.5
Fail
—
1.9
Fail
3.4
AA Large
4.5
AA
4.7
AA
1.9
Fail
—
1.8
Fail
2.4
Fail
8.6
AAA
3.4
AA Large
1.8
Fail
—
1.3
Fail
11.3
AAA
4.5
AA
2.4
Fail
1.3
Fail
—
White BG
17.3AAA
6.9AA
3.7AA Large
2.0Fail
1.5Fail
Black BG
1.2Fail
3.0AA Large
5.7AA
10.4AAA
13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

141429
404171
5F6089
BDBC93
DCDBAA

Deuteranopia

131228
3D3970
59528A
BDBE96
DDDFAC

Tritanopia

0F2625
2B6D6C
3B8C8D
C09C9E
E5B3B5

Achromatopsia

191919
525252
767676
B5B5B5
D0D0D0

Shades & Tints Shades & Tints

#0E1B2E

Dark
Light

#286077

Dark
Light

#369486

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0e1b2e;
  --color-2: #286077;
  --color-3: #369486;
  --color-4: #c0b887;
  --color-5: #e6ce9e;
}

SCSS

$color-1: #0e1b2e;
$color-2: #286077;
$color-3: #369486;
$color-4: #c0b887;
$color-5: #e6ce9e;

TAILWIND

colors: {
  'brand-1': '#0e1b2e',
  'brand-2': '#286077',
  'brand-3': '#369486',
  'brand-4': '#c0b887',
  'brand-5': '#e6ce9e',
}

RGB Array

[14, 27, 46], [40, 96, 119], [54, 148, 134], [192, 184, 135], [230, 206, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #0E1B2E, #286077, #369486, #C0B887, #E6CE9E 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: #0e1b2e; --color-2: #286077; --color-3: #369486; --color-4: #c0b887; --color-5: #e6ce9e. 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