← Back to Editor

#74A3A3 · #A9DEBA · #FAEEE1 · #FF7D52

vintage

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#74A3A3

Slate Blue · CadetBlue · Lake Green

HEX
#74A3A3
RGB
rgb(116, 163, 163)
HSL
hsl(180, 20%, 55%)
HSB
hsb(180, 29%, 64%)
CMYK
cmyk(29%, 0%, 0%, 36%)
Oklch
oklch(68.2% 0.050 196.0)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#A9DEBA

Celadon · Silver · Apple Green

HEX
#A9DEBA
RGB
rgb(169, 222, 186)
HSL
hsl(139, 45%, 77%)
HSB
hsb(139, 24%, 87%)
CMYK
cmyk(24%, 0%, 16%, 13%)
Oklch
oklch(85.4% 0.074 154.9)

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

#FAEEE1

Goose Yellow · Linen · Peach Orange

HEX
#FAEEE1
RGB
rgb(250, 238, 225)
HSL
hsl(31, 71%, 93%)
HSB
hsb(31, 10%, 98%)
CMYK
cmyk(0%, 5%, 10%, 2%)
Oklch
oklch(95.5% 0.022 69.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FF7D52

Apricot · Coral · Warm Sun

HEX
#FF7D52
RGB
rgb(255, 125, 82)
HSL
hsl(15, 100%, 66%)
HSB
hsb(15, 68%, 100%)
CMYK
cmyk(0%, 51%, 68%, 0%)
Oklch
oklch(73.2% 0.169 38.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

74A3A3
A37575

Analogous

75A38C
74A3A3
758CA3

Triadic

74A3A3
A375A3
A3A375

Split-Comp.

74A3A3
A3758C
A38C75

Tetradic

74A3A3
8C75A3
A37575
8CA375

Contrast Matrix WCAG 2.1 Contrast

74A3A3
A9DEBA
FAEEE1
FF7D52
—
1.8
Fail
2.4
Fail
1.1
Fail
1.8
Fail
—
1.3
Fail
1.7
Fail
2.4
Fail
1.3
Fail
—
2.2
Fail
1.1
Fail
1.7
Fail
2.2
Fail
—
White BG
2.8Fail
1.5Fail
1.1Fail
2.5Fail
Black BG
7.5AAA
13.8AAA
18.4AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8889A3
C0C0C3
F5F5E4
C7C65C

Deuteranopia

8682A3
BDB9C5
F6F6E5
CED85F

Tritanopia

76A3A3
ACCACB
F9E7E7
F96566

Achromatopsia

959595
CACACA
F0F0F0
9F9F9F

Shades & Tints Shades & Tints

#74A3A3

Dark
Light

#A9DEBA

Dark
Light

#FAEEE1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #74a3a3;
  --color-2: #a9deba;
  --color-3: #faeee1;
  --color-4: #ff7d52;
}

SCSS

$color-1: #74a3a3;
$color-2: #a9deba;
$color-3: #faeee1;
$color-4: #ff7d52;

TAILWIND

colors: {
  'brand-1': '#74a3a3',
  'brand-2': '#a9deba',
  'brand-3': '#faeee1',
  'brand-4': '#ff7d52',
}

RGB Array

[116, 163, 163], [169, 222, 186], [250, 238, 225], [255, 125, 82]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This vintage-style palette of #74A3A3, #A9DEBA, #FAEEE1, #FF7D52 is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #74a3a3; --color-2: #a9deba; --color-3: #faeee1; --color-4: #ff7d52. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 4-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