← Back to Editor

#EDF1EC · #C6E6E6 · #7E6473 · #3A2D41 · #DD7C14

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

#EDF1EC

Celadon · Linen · Mint Green

HEX
#EDF1EC
RGB
rgb(237, 241, 236)
HSL
hsl(108, 15%, 94%)
HSB
hsb(108, 2%, 95%)
CMYK
cmyk(2%, 0%, 2%, 5%)
Oklch
oklch(95.4% 0.008 139.4)

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

#C6E6E6

Sky Blue · LightBlue · Glacier Blue

HEX
#C6E6E6
RGB
rgb(198, 230, 230)
HSL
hsl(180, 39%, 84%)
HSB
hsb(180, 14%, 90%)
CMYK
cmyk(14%, 0%, 0%, 10%)
Oklch
oklch(90.2% 0.034 196.6)

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

#7E6473

Rose Purple · DimGray · Camellia

HEX
#7E6473
RGB
rgb(126, 100, 115)
HSL
hsl(325, 12%, 44%)
HSB
hsb(325, 21%, 49%)
CMYK
cmyk(0%, 21%, 9%, 51%)
Oklch
oklch(53.4% 0.040 343.0)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#3A2D41

Dark Plum · DarkSlateGray · Eggplant

HEX
#3A2D41
RGB
rgb(58, 45, 65)
HSL
hsl(279, 18%, 22%)
HSB
hsb(279, 31%, 25%)
CMYK
cmyk(11%, 31%, 0%, 75%)
Oklch
oklch(32.0% 0.039 313.5)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#DD7C14

Ochre · Chocolate · Amber Brown

HEX
#DD7C14
RGB
rgb(221, 124, 20)
HSL
hsl(31, 83%, 47%)
HSB
hsb(31, 91%, 87%)
CMYK
cmyk(0%, 44%, 91%, 13%)
Oklch
oklch(68.0% 0.156 58.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDF1EC
F1EDF2

Analogous

F1F2ED
EDF1EC
EDF2EF

Triadic

EDF1EC
EDEEF2
F2EDEE

Split-Comp.

EDF1EC
EFEDF2
F2EDF1

Tetradic

EDF1EC
EDF1F2
F1EDF2
F2EFED

Contrast Matrix WCAG 2.1 Contrast

EDF1EC
C6E6E6
7E6473
3A2D41
DD7C14
—
1.2
Fail
4.6
AA
11.3
AAA
2.6
Fail
1.2
Fail
—
4.0
AA Large
9.7
AAA
2.3
Fail
4.6
AA
4.0
AA Large
—
2.4
Fail
1.8
Fail
11.3
AAA
9.7
AAA
2.4
Fail
—
4.3
AA Large
2.6
Fail
2.3
Fail
1.8
Fail
4.3
AA Large
—
White BG
1.1Fail
1.3Fail
5.3AA
12.9AAA
3.0AA Large
Black BG
18.4AAA
15.9AAA
4.0AA Large
1.6Fail
7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFED
D4D4E6
73736F
34343C
B3B22D

Deuteranopia

EFEEEE
D2D0E6
74766F
35363B
B9C033

Tritanopia

EDEEEE
C8E6E6
7D6D6C
393838
D84145

Achromatopsia

EFEFEF
DCDCDC
6D6D6D
333333
8D8D8D

Shades & Tints Shades & Tints

#EDF1EC

Dark
Light

#C6E6E6

Dark
Light

#7E6473

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edf1ec;
  --color-2: #c6e6e6;
  --color-3: #7e6473;
  --color-4: #3a2d41;
  --color-5: #dd7c14;
}

SCSS

$color-1: #edf1ec;
$color-2: #c6e6e6;
$color-3: #7e6473;
$color-4: #3a2d41;
$color-5: #dd7c14;

TAILWIND

colors: {
  'brand-1': '#edf1ec',
  'brand-2': '#c6e6e6',
  'brand-3': '#7e6473',
  'brand-4': '#3a2d41',
  'brand-5': '#dd7c14',
}

RGB Array

[237, 241, 236], [198, 230, 230], [126, 100, 115], [58, 45, 65], [221, 124, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #EDF1EC, #C6E6E6, #7E6473, #3A2D41, #DD7C14 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: #edf1ec; --color-2: #c6e6e6; --color-3: #7e6473; --color-4: #3a2d41; --color-5: #dd7c14. 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