Generate Palette
  1. Color Palettes
  2. Zinc UX Stack
Created at 05/28/2025 06:21
bycolorscheme
  46

Zinc UX Stack

  • Primary Zinc
    #3f3f46
  • Secondary Soft Zinc
    #71717a
  • Accent Green
    #22c55e
  • Background Base
    #18181b
  • Surface Overlay
    #27272a
  • Text Light Zinc
    #f4f4f5
The palette consists of Semi dark, Light, Dark colors. Accent colors Accent Green #22c55e and Background Base #18181b. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #18181B (darkest) to #F4F4F5 (lightest). The lightness range is wide.

Overall saturation feels mostly muted (lower chroma) — 83% of colors are muted.

Only one color carries a distinct hue; the rest are neutrals or grays.

Overall temperature among swatches leans cool (4 of 6).

HEX codes (sorted): #18181B, #22C55E, #27272A, #3F3F46, #71717A, #F4F4F5

Palette Zinc UX Stack combines 6 color codes:
HEX: #3f3f46, RGB: (63, 63, 70); HEX: #71717a, RGB: (113, 113, 122); HEX: #22c55e, RGB: (34, 197, 94)
HEX: #18181b, RGB: (24, 24, 27); HEX: #27272a, RGB: (39, 39, 42); HEX: #f4f4f5, RGB: (244, 244, 245)
Simplified version of palette colors
Shade of dimgrey, Tint of dimgrey, Shade of limegreen, Tint of Black, Tint of Black, Shade of whitesmoke
Color scheme was created by colorscheme

Color codes in palette

Zinc UX Stack color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3f3f46 #3f3f46 RGB(63, 63, 70)Primary Zinc—
#71717a #71717a RGB(113, 113, 122)Secondary Soft Zinc—
#22c55e #22c55e RGB(34, 197, 94)Accent Green—
#18181b #18181b RGB(24, 24, 27)Background Base—
#27272a #27272a RGB(39, 39, 42)Surface Overlay—
#f4f4f5 #f4f4f5 RGB(244, 244, 245)Text Light Zinc—

Color Palette Contrast

3 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3f3f46
#18181b
1.69
#3f3f46
#27272a
1.42
#18181b
#27272a
1.18

Image palette Zinc UX Stack png

Zinc UX Stack - #549693
 Download image