← Back to Editor

#238A6F · #5AA36E · #799B08 · #EEAD11 · #FF9A78

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

#238A6F

Mineral Blue · SeaGreen · Mint Ice

HEX
#238A6F
RGB
rgb(35, 138, 111)
HSL
hsl(164, 60%, 34%)
HSB
hsb(164, 75%, 54%)
CMYK
cmyk(75%, 0%, 20%, 46%)
Oklch
oklch(56.9% 0.101 170.9)

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

#5AA36E

Celadon · MediumSeaGreen · Olive Green

HEX
#5AA36E
RGB
rgb(90, 163, 110)
HSL
hsl(136, 29%, 50%)
HSB
hsb(136, 45%, 64%)
CMYK
cmyk(45%, 0%, 33%, 36%)
Oklch
oklch(65.3% 0.108 151.3)

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

#799B08

Grass Green · Olive · Forest Green

HEX
#799B08
RGB
rgb(121, 155, 8)
HSL
hsl(74, 90%, 32%)
HSB
hsb(74, 95%, 61%)
CMYK
cmyk(22%, 0%, 95%, 39%)
Oklch
oklch(64.0% 0.157 123.9)

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

#EEAD11

Ochre · Orange · Honey Gold

HEX
#EEAD11
RGB
rgb(238, 173, 17)
HSL
hsl(42, 87%, 50%)
HSB
hsb(42, 93%, 93%)
CMYK
cmyk(0%, 27%, 93%, 7%)
Oklch
oklch(78.8% 0.160 80.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#FF9A78

Apricot · LightSalmon · Warm Sun

HEX
#FF9A78
RGB
rgb(255, 154, 120)
HSL
hsl(15, 100%, 74%)
HSB
hsb(15, 53%, 100%)
CMYK
cmyk(0%, 40%, 53%, 0%)
Oklch
oklch(78.3% 0.130 39.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

238A6F
8B233E

Analogous

238B3B
238A6F
23728B

Triadic

238A6F
6F238B
8B6F23

Split-Comp.

238A6F
8B2372
8B3B23

Tetradic

238A6F
3B238B
8B233E
728B23

Contrast Matrix WCAG 2.1 Contrast

238A6F
5AA36E
799B08
EEAD11
FF9A78
—
1.4
Fail
1.3
Fail
2.2
Fail
2.1
Fail
1.4
Fail
—
1.1
Fail
1.5
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
1.6
Fail
1.6
Fail
2.2
Fail
1.5
Fail
1.6
Fail
—
1.0
Fail
2.1
Fail
1.5
Fail
1.6
Fail
1.0
Fail
—
White BG
4.3AA Large
3.0AA Large
3.2AA Large
2.0Fail
2.1Fail
Black BG
4.9AA
6.9AA
6.5AA
10.6AAA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

505176
7A7A7B
88882C
D2D137
D3D280

Deuteranopia

4A4277
75707E
868334
D6DB40
D9E182

Tritanopia

287B7C
5E8587
7B484E
EB555B
FA8788

Achromatopsia

686868
878787
808080
AFAFAF
B4B4B4

Shades & Tints Shades & Tints

#238A6F

Dark
Light

#5AA36E

Dark
Light

#799B08

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #238a6f;
  --color-2: #5aa36e;
  --color-3: #799b08;
  --color-4: #eead11;
  --color-5: #ff9a78;
}

SCSS

$color-1: #238a6f;
$color-2: #5aa36e;
$color-3: #799b08;
$color-4: #eead11;
$color-5: #ff9a78;

TAILWIND

colors: {
  'brand-1': '#238a6f',
  'brand-2': '#5aa36e',
  'brand-3': '#799b08',
  'brand-4': '#eead11',
  'brand-5': '#ff9a78',
}

RGB Array

[35, 138, 111], [90, 163, 110], [121, 155, 8], [238, 173, 17], [255, 154, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #238A6F, #5AA36E, #799B08, #EEAD11, #FF9A78 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: #238a6f; --color-2: #5aa36e; --color-3: #799b08; --color-4: #eead11; --color-5: #ff9a78. 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