Silver Morning
Cool silver and steel tones of an overcast morning.
Color codes
| HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|
| hsl(210, 33%, 98%) | cmyk(2%, 1%, 0%, 2%) | |||
| hsl(210, 20%, 90%) | cmyk(4%, 2%, 0%, 8%) | |||
| hsl(210, 16%, 76%) | cmyk(10%, 5%, 0%, 20%) | |||
| hsl(210, 11%, 53%) | cmyk(18%, 9%, 0%, 42%) | |||
| hsl(210, 16%, 29%) | cmyk(28%, 14%, 0%, 66%) |
CSS
:root {
--silver-morning-1: #F7F9FB;
--silver-morning-2: #E1E6EB;
--silver-morning-3: #B8C2CC;
--silver-morning-4: #7A8794;
--silver-morning-5: #3E4A56;
}How these colors work together
This is a monochromatic palette built around a single hue. Overall it reads cool. Lightness spans 69 points, which sets how much contrast you can create.
3 of 10 color pairs reach the 4.5:1 contrast needed for normal text. The most readable pair is #F7F9FB on #3E4A56 (8.58:1).
Silver Morning — readable text using the best pair.
Suggested applications
- Holiday campaigns and cozy seasonal content.
- Interface themes: use the lightest color for backgrounds and the darkest for text.
- Brand kits, social graphics and presentations.
Frequently asked questions
How do I use the Silver Morning palette?
The Silver Morning palette has 5 colors. Use one dominant color for large areas, a supporting color for secondary elements and the most saturated color sparingly as an accent.
Which colors in this palette are best for text?
Use #F7F9FB on #3E4A56: it has a contrast ratio of 8.58:1.
Can I download this palette?
Yes. Export it as PNG, SVG, CSS variables, JSON or plain text with the buttons above the color table.