Loading...
Created at 05/28/2025 06:21
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 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).
Chromatic content centers on a single hue direction; neutrals/grays reduce contrast between families (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #18181B, #22C55E, #27272A, #3F3F46, #71717A, #F4F4F5
Palette Zinc UX Stack has combination of 6 codes colors:
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
Tint of dimgrey, Shade of dimgrey, Tint of limegreen, Shade of Black, Shade of Black, Tint of whitesmoke
Color scheme was created by colorscheme
Colors 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:
