ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/App UI

Minimalist Mono UI

Swiss-inspired monochrome interface palette focusing on typography hierarchy and subtle border delineations.

#App UI#Minimal#UI#Clean#Neutral
Open in Generator
COLOR 1
#09090B
Obsidian Black
COLOR 2
#27272A
Anthracite
COLOR 3
#71717A
Zinc 500
COLOR 4
#E4E4E7
Gainsboro
COLOR 5
#FAFAFA
Slate 50

Color Values & Codes

HEX · RGB · HSL
rgb(9, 9, 11)hsl(240, 10%, 4%)Color details →
Anthracite
#27272A
rgb(39, 39, 42)hsl(240, 4%, 16%)Color details →
Zinc 500
#71717A
rgb(113, 113, 122)hsl(240, 4%, 46%)Color details →
Gainsboro
#E4E4E7
rgb(228, 228, 231)hsl(240, 6%, 90%)Color details →
Slate 50
#FAFAFA
rgb(250, 250, 250)hsl(0, 0%, 98%)Color details →

Open In Design Tools

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

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #09090B;
  --color-2: #27272A;
  --color-3: #71717A;
  --color-4: #E4E4E7;
  --color-5: #FAFAFA;
}

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
#09090B on #E4E4E715.68:1
Normal Text AA Pass
Sample Text
#09090B on #FAFAFA19.06:1
Normal Text AA Pass
Sample Text
#27272A on #E4E4E711.74:1
Normal Text AA Pass
Sample Text
#27272A on #FAFAFA14.27:1
Normal Text AA Pass
Sample Text
#71717A on #E4E4E73.81:1
Large Text Only (Pass)
Sample Text
#71717A on #FAFAFA4.63:1
Normal Text AA Pass

Related Palettes in App UI

Explore App UI
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#180F33Copy
#491F79Copy
#7C3AEDCopy
#A78BFACopy
#F5F3FFCopy
cp-featured-05App UI
Fluid iOS Violet
App UICreative
#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