#293652 + #356770 + #49927F + #78B058 + #ACC255 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#293652

Indigo · DarkSlateGray · Prussian Blue

HEX

#293652

RGB

rgb(41, 54, 82)

HSL

hsl(221, 33%, 24%)

HSB

hsb(221, 50%, 32%)

CMYK

cmyk(50%, 34%, 0%, 68%)

Oklch

oklch(33.5% 0.053 264.7)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#356770

Slate Blue · DarkSlateGray · Mint Ice

HEX

#356770

RGB

rgb(53, 103, 112)

HSL

hsl(189, 36%, 32%)

HSB

hsb(189, 53%, 44%)

CMYK

cmyk(53%, 8%, 0%, 56%)

Oklch

oklch(48.3% 0.056 210.6)

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

#49927F

Mineral Blue · MediumSeaGreen · Mint Ice

HEX

#49927F

RGB

rgb(73, 146, 127)

HSL

hsl(164, 33%, 43%)

HSB

hsb(164, 50%, 57%)

CMYK

cmyk(50%, 0%, 13%, 43%)

Oklch

oklch(60.7% 0.079 174.4)

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

#78B058

Celadon · DarkSeaGreen · Olive Green

HEX

#78B058

RGB

rgb(120, 176, 88)

HSL

hsl(98, 36%, 52%)

HSB

hsb(98, 50%, 69%)

CMYK

cmyk(32%, 0%, 50%, 31%)

Oklch

oklch(69.8% 0.133 135.3)

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

#ACC255

Grass Green · DarkSeaGreen · Olive Green

HEX

#ACC255

RGB

rgb(172, 194, 85)

HSL

hsl(72, 47%, 55%)

HSB

hsb(72, 56%, 76%)

CMYK

cmyk(11%, 0%, 56%, 24%)

Oklch

oklch(77.5% 0.137 119.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

293652

514529

Analogous

294A51

293652

302951

Triadic

293652

512936

365129

Split-Comp.

293652

513029

4A5129

Tetradic

293652

51294A

514529

295130

Contrast Matrix WCAG 2.1 Contrast

293652	356770	49927F	78B058	ACC255
—	1.9 Fail	3.3 AA Large	4.7 AA	6.1 AA
1.9 Fail	—	1.7 Fail	2.5 Fail	3.2 AA Large
3.3 AA Large	1.7 Fail	—	1.4 Fail	1.9 Fail
4.7 AA	2.5 Fail	1.4 Fail	—	1.3 Fail
6.1 AA	3.2 AA Large	1.9 Fail	1.3 Fail	—

White BG

12.0AAA

6.3AA

3.7AA Large

2.6Fail

2.0Fail

Black BG

1.7Fail

3.3AA Large

5.7AA

8.1AAA

10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2F2F4B

4B4B6E

696984

90916D

B6B66F

Deuteranopia

2E2D4A

48446D

645F85

8D8972

B4B376

Tritanopia

2A4645

376C6C

4D8788

7B7E82

AD8489

Achromatopsia

353535

595959

7A7A7A

959595

AFAFAF

Shades & Tints Shades & Tints

#293652

Dark

Light

#356770

Dark

Light

#49927F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #293652;
  --color-2: #356770;
  --color-3: #49927f;
  --color-4: #78b058;
  --color-5: #acc255;
}

SCSS

$color-1: #293652;
$color-2: #356770;
$color-3: #49927f;
$color-4: #78b058;
$color-5: #acc255;

TAILWIND

colors: {
  'brand-1': '#293652',
  'brand-2': '#356770',
  'brand-3': '#49927f',
  'brand-4': '#78b058',
  'brand-5': '#acc255',
}

RGB Array

[41, 54, 82], [53, 103, 112], [73, 146, 127], [120, 176, 88], [172, 194, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #293652, #356770, #49927F, #78B058, #ACC255 is ideal for: corporate websites, product showcases, portfolios. 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: #293652; --color-2: #356770; --color-3: #49927f; --color-4: #78b058; --color-5: #acc255. 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. 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