Loading...
Created at 05/28/2025 09:35
Workflow Slate
- Primary Blue Gray#475569
- Secondary Steel#64748b
- Accent Turquoise#22d3ee
- Background Mist#f8fafc
- Surface Light#f1f5f9
- Text Ink#1e293b
The palette consists of Semi dark, Light, Dark colors. Accent colors Accent Turquoise #22d3ee and Background Mist #f8fafc. Palette has Cool, Neutral colors temperature.
By lightness, this palette runs from #1E293B (darkest) to #F8FAFC (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans cool.
HEX codes (sorted): #1E293B, #22D3EE, #475569, #64748B, #F1F5F9, #F8FAFC
Palette Workflow Slate has combination of 6 codes colors:
HEX: #475569, RGB: (71, 85, 105); HEX: #64748b, RGB: (100, 116, 139); HEX: #22d3ee, RGB: (34, 211, 238)
HEX: #f8fafc, RGB: (248, 250, 252); HEX: #f1f5f9, RGB: (241, 245, 249); HEX: #1e293b, RGB: (30, 41, 59)
Simplified version of palette colors
Shade of darkslateblue, Tint of slategrey, Shade of darkturquoise, Shade of whitesmoke, Tint of aliceblue, Shade of midnightblue
Color scheme was created by colorslib
Colors codes in palette
Workflow Slate color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #475569 | #475569 | RGB(71, 85, 105) | Primary Blue Gray | — |
| #64748b | #64748b | RGB(100, 116, 139) | Secondary Steel | — |
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Accent Turquoise | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Background Mist | — |
| #f1f5f9 | #f1f5f9 | RGB(241, 245, 249) | Surface Light | — |
| #1e293b | #1e293b | RGB(30, 41, 59) | Text Ink | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#475569 | #64748b | 1.59 |
#475569 | #1e293b | 1.93 |
#22d3ee | #f8fafc | 1.72 |
#22d3ee | #f1f5f9 | 1.64 |
#f8fafc | #f1f5f9 | 1.04 |
Image palette Workflow Slate png
Export Palette
Download the "Workflow Slate" in multiple formats for seamless integration into your design projects.
Available formats: