ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Technology

Silicon Chipset Micro

Semiconductor and printed circuit board palette pairing matte silicon black with conductive trace green.

#Tech#Modern#Clean#Bold
Open in Generator
COLOR 1
#18181B
Zinc 900
COLOR 2
#27272A
Anthracite
COLOR 3
#10B981
Emerald 500
COLOR 4
#34D399
Chrysoprase
COLOR 5
#E4E4E7
Gainsboro

Color Values & Codes

HEX · RGB · HSL
Zinc 900
#18181B
rgb(24, 24, 27)hsl(240, 6%, 10%)Color details →
Anthracite
#27272A
rgb(39, 39, 42)hsl(240, 4%, 16%)Color details →
rgb(16, 185, 129)hsl(160, 84%, 39%)Color details →
rgb(52, 211, 153)hsl(158, 64%, 52%)Color details →
Gainsboro
#E4E4E7
rgb(228, 228, 231)hsl(240, 6%, 90%)Color details →

Open In Design Tools

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

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #18181B;
  --color-2: #27272A;
  --color-3: #10B981;
  --color-4: #34D399;
  --color-5: #E4E4E7;
}

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
#18181B on #34D3999.22:1
Normal Text AA Pass
Sample Text
#18181B on #E4E4E713.96:1
Normal Text AA Pass
Sample Text
#27272A on #34D3997.75:1
Normal Text AA Pass
Sample Text
#27272A on #E4E4E711.74:1
Normal Text AA Pass
Sample Text
#10B981 on #34D3991.32:1
Large Text Only (Fail)
Sample Text
#10B981 on #E4E4E72.00:1
Large Text Only (Fail)

Related Palettes in Technology

Explore Technology
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#FFFFFFCopy
#F4F4F5Copy
#A1A1AACopy
#27272ACopy
#E11D48Copy
cp-featured-07Minimal
Swiss Editorial Clean
MinimalCreativeBold
#314E35Copy
#588157Copy
#A3B18ACopy
#FFE6A7Copy
#DDA15ECopy
cp-featured-18Food
Matcha Yuzu Delight
FoodCleanFresh
#FAFAFACopy
#E4E4E7Copy
#71717ACopy
#3F3F46Copy
#18181BCopy
cp-featured-22Minimal
Nordic Monolith
MinimalCleanModern