Color Codes › Cool Palette

Cool colour palette

Blues, greens and purples that feel calm and spacious. Cool palettes recede gently and suit serene, professional designs. Click any swatch to copy its hex, or download the whole palette as a CSS file.

#264653
rgb(38, 70, 83)
#2A9D8F
rgb(42, 157, 143)
#457B9D
rgb(69, 123, 157)
#3A86FF
rgb(58, 134, 255)
#5E60CE
rgb(94, 96, 206)
#48CAE4
rgb(72, 202, 228)
#1D3557
rgb(29, 53, 87)
#6930C3
rgb(105, 48, 195)

About this cool palette

Blues, greens and purples that feel calm and spacious. Cool palettes recede gently and suit serene, professional designs. Every swatch above is click-to-copy, and the download button gives you a ready-made CSS file with all 8 colours as custom properties.

Using the palette

Mix and match these as backgrounds, accents and text — but always check contrast for readability. Want to adjust one? Drop its hex into the picker, or convert it to OKLCH for a perceptual design-token scale.

What colours are in a cool palette?
Blues, greens and purples that feel calm and spacious. Cool palettes recede gently and suit serene, professional designs.
Can I download this palette?
Yes — the download button gives you a CSS file with all the swatches as custom properties, free and with no signup.

Popular colours

Sage green Navy blue Teal Coral Burgundy Terracotta Mint green Shades of blue Shades of pink All colour codes →

Color tools

Color Picker →
Pick visually, get every code.
Converter →
Convert between any formats.
Contrast Checker →
WCAG AA/AAA pass-fail.
Named Colors →
All 140 CSS colours.