ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Minimal

Pearl Garden

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

#Minimal#Neutral#Clean
Open in Generator
COLOR 1
#22231C
Stone 800
COLOR 2
#535C48
Rosemary
COLOR 3
#869A7E
Artichoke
COLOR 4
#F5F2F7
Ghost White
COLOR 5
#DCDCD8
Gainsboro

Color Values & Codes

HEX · RGB · HSL
Stone 800
#22231C
rgb(34, 35, 28)hsl(69, 11%, 12%)Color details →
Rosemary
#535C48
rgb(83, 92, 72)hsl(87, 12%, 32%)Color details →
Artichoke
#869A7E
rgb(134, 154, 126)hsl(103, 12%, 55%)Color details →
rgb(245, 242, 247)hsl(276, 24%, 96%)Color details →
Gainsboro
#DCDCD8
rgb(220, 220, 216)hsl(60, 5%, 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: #22231C;
  --color-2: #535C48;
  --color-3: #869A7E;
  --color-4: #F5F2F7;
  --color-5: #DCDCD8;
}

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
#22231C on #F5F2F714.28:1
Normal Text AA Pass
Sample Text
#22231C on #DCDCD811.52:1
Normal Text AA Pass
Sample Text
#535C48 on #F5F2F76.33:1
Normal Text AA Pass
Sample Text
#535C48 on #DCDCD85.10:1
Normal Text AA Pass
Sample Text
#869A7E on #F5F2F72.73:1
Large Text Only (Fail)
Sample Text
#869A7E on #DCDCD82.20: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