Sky Wash Color Palette
A light airy palette inspired by washed skies. Perfect for meditation apps, cloud services, and airy layouts.
Horizon Blue
HEX: #5d8ab4
RGB: rgb(93, 138, 180)
HSL: hsl(209, 37%, 54%)
Sky
HEX: #7fa8cc
RGB: rgb(127, 168, 204)
HSL: hsl(208, 43%, 65%)
Sky Wash
HEX: #a3c4e4
RGB: rgb(163, 196, 228)
HSL: hsl(210, 55%, 77%)
Cloud Blue
HEX: #c5ddf0
RGB: rgb(197, 221, 240)
HSL: hsl(207, 59%, 86%)
Ice Blue
HEX: #e7f1fa
RGB: rgb(231, 241, 250)
HSL: hsl(208, 66%, 94%)
CSS Variables
:root {
--sky-wash-1: #5d8ab4;
--sky-wash-2: #7fa8cc;
--sky-wash-3: #a3c4e4;
--sky-wash-4: #c5ddf0;
--sky-wash-5: #e7f1fa;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'sky-wash': {
'100': '#5d8ab4',
'200': '#7fa8cc',
'300': '#a3c4e4',
'400': '#c5ddf0',
'500': '#e7f1fa',
},
},
},
},
}Use Cases
Meditation apps
Cloud services
Weather apps
Airy portfolio sites
Related Palettes
Frequently Asked Questions
Why do sky-inspired palettes work well for interfaces?▾
Sky-inspired palettes create a sense of openness and calm. They reduce cognitive load and make interfaces feel spacious and breathable.
How do I prevent a light blue palette from looking bland?▾
Add strategic pops of a contrasting warm color like coral or amber. Use varied shades of blue for depth and ensure interactive elements stand out clearly.