← Back to Editor

#F0F6F1 · #FFD6D6 · #FDFFDF · #99BCA9 · #CCE87C

vintage

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#F0F6F1

Celadon · SeaShell · Mint Green

HEX
#F0F6F1
RGB
rgb(240, 246, 241)
HSL
hsl(130, 25%, 95%)
HSB
hsb(130, 2%, 96%)
CMYK
cmyk(2%, 0%, 2%, 4%)
Oklch
oklch(96.7% 0.009 150.7)

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

#FFD6D6

Peach Pink · Bisque · Cherry Blossom

HEX
#FFD6D6
RGB
rgb(255, 214, 214)
HSL
hsl(0, 100%, 92%)
HSB
hsb(0, 16%, 100%)
CMYK
cmyk(0%, 16%, 16%, 0%)
Oklch
oklch(91.1% 0.046 18.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FDFFDF

Fresh Green · LightYellow · Lemon Cream

HEX
#FDFFDF
RGB
rgb(253, 255, 223)
HSL
hsl(64, 100%, 94%)
HSB
hsb(64, 13%, 100%)
CMYK
cmyk(1%, 0%, 13%, 0%)
Oklch
oklch(99.0% 0.042 110.1)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#99BCA9

Celadon · DarkGray · Apple Green

HEX
#99BCA9
RGB
rgb(153, 188, 169)
HSL
hsl(147, 21%, 67%)
HSB
hsb(147, 19%, 74%)
CMYK
cmyk(19%, 0%, 10%, 26%)
Oklch
oklch(76.4% 0.046 161.4)

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

#CCE87C

Willow Green · Khaki · Apple Green

HEX
#CCE87C
RGB
rgb(204, 232, 124)
HSL
hsl(76, 70%, 70%)
HSB
hsb(76, 47%, 91%)
CMYK
cmyk(12%, 0%, 47%, 9%)
Oklch
oklch(88.7% 0.138 121.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0F6F1
F5EFF4

Analogous

F1F5EF
F0F6F1
EFF5F3

Triadic

F0F6F1
F0EFF5
F5F0EF

Split-Comp.

F0F6F1
F3EFF5
F5EFF1

Tetradic

F0F6F1
EFF1F5
F5EFF4
F5F3EF

Contrast Matrix WCAG 2.1 Contrast

F0F6F1
FFD6D6
FDFFDF
99BCA9
CCE87C
—
1.2
Fail
1.1
Fail
1.9
Fail
1.2
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
1.0
Fail
1.1
Fail
1.3
Fail
—
2.0
Fail
1.3
Fail
1.9
Fail
1.6
Fail
2.0
Fail
—
1.5
Fail
1.2
Fail
1.0
Fail
1.3
Fail
1.5
Fail
—
White BG
1.1Fail
1.3Fail
1.0Fail
2.1Fail
1.4Fail
Black BG
19.2AAA
15.8AAA
20.5AAA
10.1AAA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3F2
EDEDD6
FEFEE7
A8A8AE
D8D896

Deuteranopia

F2F2F3
F0F3D6
FEFEE9
A6A4AF
D7D49C

Tritanopia

F0F3F3
FDD6D6
FDEDEE
9BB1B2
CDABAF

Achromatopsia

F4F4F4
E2E2E2
FBFBFB
AFAFAF
D3D3D3

Shades & Tints Shades & Tints

#F0F6F1

Dark
Light

#FFD6D6

Dark
Light

#FDFFDF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0f6f1;
  --color-2: #ffd6d6;
  --color-3: #fdffdf;
  --color-4: #99bca9;
  --color-5: #cce87c;
}

SCSS

$color-1: #f0f6f1;
$color-2: #ffd6d6;
$color-3: #fdffdf;
$color-4: #99bca9;
$color-5: #cce87c;

TAILWIND

colors: {
  'brand-1': '#f0f6f1',
  'brand-2': '#ffd6d6',
  'brand-3': '#fdffdf',
  'brand-4': '#99bca9',
  'brand-5': '#cce87c',
}

RGB Array

[240, 246, 241], [255, 214, 214], [253, 255, 223], [153, 188, 169], [204, 232, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #F0F6F1, #FFD6D6, #FDFFDF, #99BCA9, #CCE87C is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #f0f6f1; --color-2: #ffd6d6; --color-3: #fdffdf; --color-4: #99bca9; --color-5: #cce87c. 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 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