← Back to Editor

#AF6368 · #B6827C · #BCAF90 · #C0CFBB · #D1E1DA

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 MenuPoster

Color Details Color Details

#AF6368

Crimson · Gray · Passion Red

HEX
#AF6368
RGB
rgb(175, 99, 104)
HSL
hsl(356, 32%, 54%)
HSB
hsb(356, 43%, 69%)
CMYK
cmyk(0%, 43%, 41%, 31%)
Oklch
oklch(58.7% 0.098 16.3)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#B6827C

Crimson · Gray · Passion Red

HEX
#B6827C
RGB
rgb(182, 130, 124)
HSL
hsl(6, 28%, 60%)
HSB
hsb(6, 32%, 71%)
CMYK
cmyk(0%, 29%, 32%, 29%)
Oklch
oklch(65.7% 0.065 26.4)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#BCAF90

Ginger · Tan · Sunflower

HEX
#BCAF90
RGB
rgb(188, 175, 144)
HSL
hsl(42, 25%, 65%)
HSB
hsb(42, 23%, 74%)
CMYK
cmyk(0%, 7%, 23%, 26%)
Oklch
oklch(75.7% 0.045 88.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#C0CFBB

Celadon · Silver · Apple Green

HEX
#C0CFBB
RGB
rgb(192, 207, 187)
HSL
hsl(105, 17%, 77%)
HSB
hsb(105, 10%, 81%)
CMYK
cmyk(7%, 0%, 10%, 19%)
Oklch
oklch(83.7% 0.032 137.8)

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

#D1E1DA

Jade · LightGray · Mint Green

HEX
#D1E1DA
RGB
rgb(209, 225, 218)
HSL
hsl(154, 21%, 85%)
HSB
hsb(154, 7%, 88%)
CMYK
cmyk(7%, 0%, 3%, 12%)
Oklch
oklch(89.6% 0.020 167.9)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AF6368
64AFAA

Analogous

AF648F
AF6368
AF8564

Triadic

AF6368
69AF64
6469AF

Split-Comp.

AF6368
64AF85
648FAF

Tetradic

AF6368
8FAF64
64AFAA
8564AF

Contrast Matrix WCAG 2.1 Contrast

AF6368
B6827C
BCAF90
C0CFBB
D1E1DA
—
1.3
Fail
2.0
Fail
2.7
Fail
3.2
AA Large
1.3
Fail
—
1.5
Fail
2.0
Fail
2.4
Fail
2.0
Fail
1.5
Fail
—
1.3
Fail
1.6
Fail
2.7
Fail
2.0
Fail
1.3
Fail
—
1.2
Fail
3.2
AA Large
2.4
Fail
1.6
Fail
1.2
Fail
—
White BG
4.4AA Large
3.2AA Large
2.2Fail
1.6Fail
1.4Fail
Black BG
4.8AA
6.5AA
9.7AAA
12.9AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8D67
9F9F7D
B6B698
C6C7C0
D8D8DC

Deuteranopia

939867
A3A67E
B7B899
C6C4C1
D7D6DC

Tritanopia

AB6666
B37F7F
BB9D9F
C1C4C5
D2DDDD

Achromatopsia

7A7A7A
919191
AFAFAF
C8C8C8
DBDBDB

Shades & Tints Shades & Tints

#AF6368

Dark
Light

#B6827C

Dark
Light

#BCAF90

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #af6368;
  --color-2: #b6827c;
  --color-3: #bcaf90;
  --color-4: #c0cfbb;
  --color-5: #d1e1da;
}

SCSS

$color-1: #af6368;
$color-2: #b6827c;
$color-3: #bcaf90;
$color-4: #c0cfbb;
$color-5: #d1e1da;

TAILWIND

colors: {
  'brand-1': '#af6368',
  'brand-2': '#b6827c',
  'brand-3': '#bcaf90',
  'brand-4': '#c0cfbb',
  'brand-5': '#d1e1da',
}

RGB Array

[175, 99, 104], [182, 130, 124], [188, 175, 144], [192, 207, 187], [209, 225, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #AF6368, #B6827C, #BCAF90, #C0CFBB, #D1E1DA is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #af6368; --color-2: #b6827c; --color-3: #bcaf90; --color-4: #c0cfbb; --color-5: #d1e1da. 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 5-color scheme is especially suited for beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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