# Blue and gray swatches

These swatches range from icy and sky blue through cobalt and navy, paired with silver, slate, graphite, and charcoal from pale to deep.

![Blue and gray swatches: a collection of color palettes](https://grabient.com/blue-and-gray-swatches.png?t=1794232837069)

- Page: https://grabient.com/blue-and-gray-swatches
- Palettes: 4
- Tags: blue, gray, swatches, navy, cobalt, slate, charcoal
- Collected by: Grabient
- Updated: 2026-11-09

## Palettes

1. [Monochrome navy and gray](https://grabient.com/kUNiW6M6G_NkTvdxBTUA?style=linearSwatches&steps=5&angle=135): linear swatches, `#0b1830` `#1a3965` `#50759f` `#93b8c3` `#d5ddd5`
2. [Cobalt and charcoal swatches](https://grabient.com/kWgpK7Oji_7cWv2yiD-poZBA?style=linearSwatches&steps=5): linear swatches, `#225ad7` `#2550ac` `#3b5173` `#404853` `#2b2f37`
3. [Monochrome blue and gray](https://grabient.com/kUo0OyzKE-86KP_BDUDA?style=angularSwatches&steps=5&angle=315): angular swatches, `#6190c3` `#4d89b8` `#6589a5` `#73828e` `#57697b`
4. [Light blue, gray and blue](https://grabient.com/kU5RKuaAa_9AUP-wlEEA?style=angularSwatches&steps=6&angle=315): angular swatches, `#d1e1ee` `#c9d4dd` `#aebcc8` `#7d9ab3` `#4f6d8a` `#2e4460`

## Other forms

- [JSON](https://grabient.com/blue-and-gray-swatches.json)
- [ASE](https://grabient.com/blue-and-gray-swatches.ase)
- [GPL](https://grabient.com/blue-and-gray-swatches.gpl)
- [GRD](https://grabient.com/blue-and-gray-swatches.grd)
- [Design tokens](https://grabient.com/blue-and-gray-swatches.tokens.json)
- [Sheet](https://grabient.com/blue-and-gray-swatches.png?t=1794232837069)
- [Sheet as SVG](https://grabient.com/blue-and-gray-swatches.svg)
- [CSS](https://grabient.com/blue-and-gray-swatches.css)
- [Image](https://grabient.com/api/png/collection?slug=blue-and-gray-swatches)
- [Social card](https://grabient.com/api/og/collection?slug=blue-and-gray-swatches&v=k4)
- [More collections](https://grabient.com/collections)
- [Guide for agents](https://grabient.com/llms.txt)