← Back to Editor

#A8A8C0 · #D8D8F0 · #C0C0C0 · #C0D8D8 · #F0F0F0

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#A8A8C0

Wisteria · DarkGray · Cobalt Blue

HEX
#A8A8C0
RGB
rgb(168, 168, 192)
HSL
hsl(240, 16%, 71%)
HSB
hsb(240, 13%, 75%)
CMYK
cmyk(13%, 13%, 0%, 25%)
Oklch
oklch(73.9% 0.034 285.5)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#D8D8F0

Wisteria · Lavender · Sky Blue

HEX
#D8D8F0
RGB
rgb(216, 216, 240)
HSL
hsl(240, 44%, 89%)
HSB
hsb(240, 10%, 94%)
CMYK
cmyk(10%, 10%, 0%, 6%)
Oklch
oklch(89.0% 0.033 285.7)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#C0C0C0

Silver Gray · Silver · Pearl Gray

HEX
#C0C0C0
RGB
rgb(192, 192, 192)
HSL
hsl(0, 0%, 75%)
HSB
hsb(0, 0%, 75%)
CMYK
cmyk(0%, 0%, 0%, 25%)
Oklch
oklch(80.8% 0.000 89.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#C0D8D8

Sky Blue · LightGray · Glacier Blue

HEX
#C0D8D8
RGB
rgb(192, 216, 216)
HSL
hsl(180, 24%, 80%)
HSB
hsb(180, 11%, 85%)
CMYK
cmyk(11%, 0%, 0%, 15%)
Oklch
oklch(86.4% 0.026 196.7)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#F0F0F0

Plain White · Linen · Cloud White

HEX
#F0F0F0
RGB
rgb(240, 240, 240)
HSL
hsl(0, 0%, 94%)
HSB
hsb(0, 0%, 94%)
CMYK
cmyk(0%, 0%, 0%, 6%)
Oklch
oklch(95.5% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8A8C0
C1C1A9

Analogous

A9B5C1
A8A8C0
B5A9C1

Triadic

A8A8C0
C1A9A9
A9C1A9

Split-Comp.

A8A8C0
C1B5A9
B5C1A9

Tetradic

A8A8C0
C1A9B5
C1C1A9
A9C1B5

Contrast Matrix WCAG 2.1 Contrast

A8A8C0
D8D8F0
C0C0C0
C0D8D8
F0F0F0
—
1.7
Fail
1.3
Fail
1.6
Fail
2.0
Fail
1.7
Fail
—
1.3
Fail
1.1
Fail
1.2
Fail
1.3
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
1.6
Fail
1.1
Fail
1.2
Fail
—
1.3
Fail
2.0
Fail
1.2
Fail
1.6
Fail
1.3
Fail
—
White BG
2.3Fail
1.4Fail
1.8Fail
1.5Fail
1.1Fail
Black BG
9.0AAA
15.0AAA
11.5AAA
14.1AAA
18.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A8BA
D8D8EA
C0C0C0
CACBD8
F0F0F0

Deuteranopia

A8A8B9
D8D8E9
C0C0C0
C9C7D8
F0F0F0

Tritanopia

A8B6B5
D8E6E5
C0C0C0
C1D8D8
F0F0F0

Achromatopsia

ABABAB
DBDBDB
C0C0C0
D1D1D1
F0F0F0

Shades & Tints Shades & Tints

#A8A8C0

Dark
Light

#D8D8F0

Dark
Light

#C0C0C0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8a8c0;
  --color-2: #d8d8f0;
  --color-3: #c0c0c0;
  --color-4: #c0d8d8;
  --color-5: #f0f0f0;
}

SCSS

$color-1: #a8a8c0;
$color-2: #d8d8f0;
$color-3: #c0c0c0;
$color-4: #c0d8d8;
$color-5: #f0f0f0;

TAILWIND

colors: {
  'brand-1': '#a8a8c0',
  'brand-2': '#d8d8f0',
  'brand-3': '#c0c0c0',
  'brand-4': '#c0d8d8',
  'brand-5': '#f0f0f0',
}

RGB Array

[168, 168, 192], [216, 216, 240], [192, 192, 192], [192, 216, 216], [240, 240, 240]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #A8A8C0, #D8D8F0, #C0C0C0, #C0D8D8, #F0F0F0 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: #a8a8c0; --color-2: #d8d8f0; --color-3: #c0c0c0; --color-4: #c0d8d8; --color-5: #f0f0f0. 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 minimal-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