ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Minimal

Mist Coast

minimal palette with a balanced five-color hierarchy for design use.

#Minimal#Neutral#Clean
Open in Generator
COLOR 1
#1E2122
Sumi Ink Black
COLOR 2
#425362
Slate 600
COLOR 3
#858894
Light Slate Gray
COLOR 4
#F6F5F3
White Smoke
COLOR 5
#D6DDDE
Morning Fog

Color Values & Codes

HEX · RGB · HSL
rgb(30, 33, 34)hsl(195, 6%, 13%)Color details →
Slate 600
#425362
rgb(66, 83, 98)hsl(208, 20%, 32%)Color details →
rgb(133, 136, 148)hsl(228, 7%, 55%)Color details →
rgb(246, 245, 243)hsl(40, 14%, 96%)Color details →
rgb(214, 221, 222)hsl(187, 11%, 85%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Minimal Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #1E2122;
  --color-2: #425362;
  --color-3: #858894;
  --color-4: #F6F5F3;
  --color-5: #D6DDDE;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#1E2122 on #F6F5F314.87:1
Normal Text AA Pass
Sample Text
#1E2122 on #D6DDDE11.77:1
Normal Text AA Pass
Sample Text
#425362 on #F6F5F37.29:1
Normal Text AA Pass
Sample Text
#425362 on #D6DDDE5.77:1
Normal Text AA Pass
Sample Text
#858894 on #F6F5F33.24:1
Large Text Only (Pass)
Sample Text
#858894 on #D6DDDE2.57:1
Large Text Only (Fail)

Related Palettes in Minimal

Explore Minimal
#FFFFFFCopy
#F4F4F5Copy
#A1A1AACopy
#27272ACopy
#E11D48Copy
cp-featured-07Minimal
Swiss Editorial Clean
MinimalCreativeBold
#2B2A29Copy
#56524ACopy
#8B8476Copy
#C4BCACCopy
#ECE8E1Copy
cp-featured-10Interior Design
Japandi Sanctuary
Interior DesignNeutralCalm
#191817Copy
#4A453FCopy
#8C8275Copy
#C7BCA9Copy
#F2ECE1Copy
cp-featured-15Fashion
Milan Runway Neutral
FashionNeutralCreative
#314E35Copy
#588157Copy
#A3B18ACopy
#FFE6A7Copy
#DDA15ECopy
cp-featured-18Food
Matcha Yuzu Delight
FoodCleanFresh