← Back to Editor

#002239 · #CCA651 · #ECF1F0 · #1E8296 · #D2CBAF

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

#002239

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#002239
RGB
rgb(0, 34, 57)
HSL
hsl(204, 100%, 11%)
HSB
hsb(204, 100%, 22%)
CMYK
cmyk(100%, 40%, 0%, 78%)
Oklch
oklch(24.2% 0.058 243.0)

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

#CCA651

Ginger · SandyBrown · Sunflower

HEX
#CCA651
RGB
rgb(204, 166, 81)
HSL
hsl(41, 55%, 56%)
HSB
hsb(41, 60%, 80%)
CMYK
cmyk(0%, 19%, 60%, 20%)
Oklch
oklch(74.3% 0.113 85.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#ECF1F0

Jade · Lavender · Glacier Blue

HEX
#ECF1F0
RGB
rgb(236, 241, 240)
HSL
hsl(168, 15%, 94%)
HSB
hsb(168, 2%, 95%)
CMYK
cmyk(2%, 0%, 0%, 5%)
Oklch
oklch(95.4% 0.005 183.0)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#1E8296

Lake Blue · Teal · Mint Ice

HEX
#1E8296
RGB
rgb(30, 130, 150)
HSL
hsl(190, 67%, 35%)
HSB
hsb(190, 80%, 59%)
CMYK
cmyk(80%, 13%, 0%, 41%)
Oklch
oklch(56.1% 0.091 214.9)

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

#D2CBAF

Goose Yellow · Silver · Sunflower

HEX
#D2CBAF
RGB
rgb(210, 203, 175)
HSL
hsl(48, 28%, 75%)
HSB
hsb(48, 17%, 82%)
CMYK
cmyk(0%, 3%, 17%, 18%)
Oklch
oklch(84.0% 0.039 95.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

002239
381600

Analogous

003832
002239
000638

Triadic

002239
380022
223800

Split-Comp.

002239
380006
383200

Tetradic

002239
320038
381600
063800

Contrast Matrix WCAG 2.1 Contrast

002239
CCA651
ECF1F0
1E8296
D2CBAF
—
7.1
AAA
14.3
AAA
3.6
AA Large
10.0
AAA
7.1
AAA
—
2.0
Fail
1.9
Fail
1.4
Fail
14.3
AAA
2.0
Fail
—
3.9
AA Large
1.4
Fail
3.6
AA Large
1.9
Fail
3.9
AA Large
—
2.8
Fail
10.0
AAA
1.4
Fail
1.4
Fail
2.8
Fail
—
White BG
16.3AAA
2.3Fail
1.1Fail
4.5AA Large
1.6Fail
Black BG
1.3Fail
9.1AAA
18.4AAA
4.7AA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0F0F33
BCBB66
EEEEF0
494A91
CFCFB6

Deuteranopia

0D0A32
BEC16B
EEEEF0
443C90
CFD0B7

Tritanopia

022F2E
CA7679
ECF0F0
238D8D
D2BBBC

Achromatopsia

1A1A1A
A8A8A8
EFEFEF
666666
CACACA

Shades & Tints Shades & Tints

#002239

Dark
Light

#CCA651

Dark
Light

#ECF1F0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #002239;
  --color-2: #cca651;
  --color-3: #ecf1f0;
  --color-4: #1e8296;
  --color-5: #d2cbaf;
}

SCSS

$color-1: #002239;
$color-2: #cca651;
$color-3: #ecf1f0;
$color-4: #1e8296;
$color-5: #d2cbaf;

TAILWIND

colors: {
  'brand-1': '#002239',
  'brand-2': '#cca651',
  'brand-3': '#ecf1f0',
  'brand-4': '#1e8296',
  'brand-5': '#d2cbaf',
}

RGB Array

[0, 34, 57], [204, 166, 81], [236, 241, 240], [30, 130, 150], [210, 203, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #002239, #CCA651, #ECF1F0, #1E8296, #D2CBAF 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: #002239; --color-2: #cca651; --color-3: #ecf1f0; --color-4: #1e8296; --color-5: #d2cbaf. 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