ColorsPedia
neutralcool Serious & Competent

Cool Slate

Cool Slate draws from the building materials of modernist architecture — poured concrete, brushed steel, frosted glass, and the blue-grey of an overcast northern sky. It's the palette of serious tech products, financial services, and brands that want to project quiet competence rather than personality.

5 Colors
2 Tags
3 Formats

Palette Colours

Click any card to copy. Toggle format below.

Best Used For

  • Financial Services
  • B2B SaaS
  • Architecture
  • Tech Products

Mood & Tone

Serious & Competent

neutralcool

CSS Variables

:root {
  --palette-1: #f8fafc; /* Light Slate */
  --palette-2: #cbd5e1; /* Slate 200 */
  --palette-3: #64748b; /* Slate 500 */
  --palette-4: #334155; /* Slate 700 */
  --palette-5: #0f172a; /* Slate 900 */
}

Related Colour Families

Explore the full shade scale for colours used in this palette.