Zinc UX Stack
- Primary Zinc#3f3f46
- Secondary Soft Zinc#71717a
- Accent Green#22c55e
- Background Base#18181b
- Surface Overlay#27272a
- Text Light Zinc#f4f4f5
Created at 05/28/2025 06:21
The palette consists of Semi dark, Light, Dark colors. Accent colors Accent Green #22c55e and Background Base #18181b. Palette has Neutral, Cool 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.
Most swatches read as neutral in color temperature (5 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 Dim Gray, Tint of Dim Gray, Shade of Lime Green, Tint of Black, Tint of Black, Shade of White Smoke
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
Export Palette
Download the "Zinc UX Stack" in multiple formats for seamless integration into your design projects.
Available formats: