Color Palette with 4 Colors

Explore this beautiful color palette featuring 4 colors: steelblue (#3f9bd1), lightblue (#c0d3f2), lightsteelblue (#9ca6e2), lavender (#d7d2f9). Get hex codes, color information and create stunning designs.

CSS Variables

:root {
  --steelblue: #3f9bd1;
  --lightblue: #c0d3f2;
  --lightsteelblue: #9ca6e2;
  --lavender: #d7d2f9;
}

Tailwind Config

colors: {
  steelblue: '#3f9bd1',
  lightblue: '#c0d3f2',
  lightsteelblue: '#9ca6e2',
  lavender: '#d7d2f9',
}

Individual Colors

steelblue

#3f9bd1

lightblue

#c0d3f2

lightsteelblue

#9ca6e2

lavender

#d7d2f9

About This Color Palette

This carefully curated color palette consists of 4 complementary colors that work harmoniously together. Each color has been selected to create a balanced and visually appealing combination that can be used in various design projects, from web design to branding and graphic design.

Click on any color to copy its hex code to your clipboard. You can also get detailed information about each color by clicking on the hex codes below the color swatches.