Cold color palettes

Icy blues, steel greys and deep teals for calm, clean and focused designs. 141 palettes, each with HEX codes.

Most common colors in cold color palettes

Icy blues, steel greys and deep teals for calm, clean and focused designs. Across all 141 cold palettes here, these named colors come up most often. Each links to its hex, RGB and OKLCH values and the colors that go with it.

Cold color palette hex codes

PaletteHex codes
Harbour Morning#0F2A3D #285E7A #6FA3B8 #BFDCE3 #F1F6F4
Gelato and Sherbet#342443 #44546B #7D7F9E #C2A6B0 #ECDCEA
Salt Morning#010D23 #12456F #3FA7C2 #E8D9B5
Deep Library#011838 #00364B #00555E #98F8E9
Capital Advisory#0B1F3A #163A66 #6B7A8F #8FB4E8 #DCE7F5
Mixtape Rink#22135B #5346B3 #9493FF #F3F4FF
Pie Counter#1F4E5F #3F8E8A #8FC1B5 #F2E3C6
Snowdrift Hush#22364F #4A6A8A #8FB0C7 #F7FAFC

Click a palette for its RGB, HSL and OKLCH values, contrast pairs, color-blindness preview and exports for CSS, Tailwind and Figma.

How to use a cold color palette

  • A cold look comes as much from lightness and saturation as from hue, so keep new colors at a similar softness and depth.
  • Pick a dominant color, a supporting color and one accent; the remaining colors become tints and shades.
  • Check contrast for text, and test the palette in a real layout with the palette visualizer.

Frequently asked questions

What colors are in a cold color palette?

The colors used most across these cold palettes are Rich Black, Lavender, Oxford Blue, Anti-Flash White, Cultured and YInMn Blue. Icy blues, steel greys and deep teals for calm, clean and focused designs.

How many cold color palettes are there?

There are 141 curated cold palettes on this page, each with hex codes and free exports.

Can I edit a cold palette?

Yes. Open any palette in the palette generator to lock, adjust or replace colors, check contrast and export to CSS, Tailwind, Figma or Adobe swatches.