Blue coastal palette

The Blue coastal palette brings together blue, light blue, and off-white. The colors span a broad lightness range, combining strong color with clear contrast. Angular swatches, 5 colors at 35°: #1f3f98, #0066d9, #2e9dfb, #95d2ff, #ebf7fd. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#1f3f98
#0066d9
#2e9dfb
#95d2ff
#ebf7fd

CSS

background: conic-gradient(from 35deg, oklch(40.16% 0.1502 265.08) 0.000% 20.000%, oklch(53.15% 0.1942 257.70) 20.000% 40.000%, oklch(68.11% 0.1695 249.23) 40.000% 60.000%, oklch(83.86% 0.0891 240.77) 60.000% 80.000%, oklch(96.85% 0.0152 233.38) 80.000% 100.000%);

In these collections

Coastal swatches