Preparing the next color view

Building palettes, metadata, and layout pieces for this route.

Professional Color Scheme

Deep Water

A blue palette featuring Deep Vibrant Blue, Oxford Blue, Ocean Blue.

♥ 116 likesbluecoolcalm

#03045E

#023E8A

#0077B6

#0096C7

#00B4D8

#48CAE4

#90E0EF

#ADE8F4

#CAF0F8

Professional Visualization

See how this palette performs in real-world UI mockups.

BrandName

ProductPricingGet Started

Modern Interface Design

Experience the perfect harmony of colors calculated for your brand identity.

Learn More

★

Fast Performance

⚡

Secure Cloud

Color Information & Values

HEX	RGB	HSL	Name	Details
`#03045E`	rgb(3, 4, 94)	hsl(239, 94%, 19%)	Deep Vibrant Blue	View
`#023E8A`	rgb(2, 62, 138)	hsl(214, 97%, 27%)	Oxford Blue	View
`#0077B6`	rgb(0, 119, 182)	hsl(201, 100%, 36%)	Ocean Blue	View
`#0096C7`	rgb(0, 150, 199)	hsl(195, 100%, 39%)	Cerulean Blue	View
`#00B4D8`	rgb(0, 180, 216)	hsl(190, 100%, 42%)	Sky Cyan	View
`#48CAE4`	rgb(72, 202, 228)	hsl(190, 74%, 59%)	Sky Blue	View
`#90E0EF`	rgb(144, 224, 239)	hsl(189, 75%, 75%)	Light Sky Blue	View
`#ADE8F4`	rgb(173, 232, 244)	hsl(190, 76%, 82%)	Light Pure Sky Blue	View
`#CAF0F8`	rgb(202, 240, 248)	hsl(190, 77%, 88%)	Pale Pure Sky Blue	View

Color Psychology & Usage

Psychology

This cyan-dominant palette evokes a sense of balance and professionalism.

Detailed Analysis

The combination of Deep Vibrant Blue and Oxford Blue creates a refined visual hierarchy perfect for modern design projects.

Best Applications

Logo DesignTypographyApparelPresentations

Accessibility & Contrast Report

Score: 63%

#03045E

On White17.75:1 (Excellent)

On Black1.18:1 (Poor)

#023E8A

On White10.2:1 (Excellent)

On Black2.06:1 (Poor)

#0077B6

On White4.87:1 (Good)

On Black4.31:1 (Poor)

#0096C7

On White3.39:1 (Poor)

On Black6.19:1 (Good)

#00B4D8

On White2.46:1 (Poor)

On Black8.52:1 (Excellent)

#48CAE4

On White1.94:1 (Poor)

On Black10.84:1 (Excellent)

#90E0EF

On White1.49:1 (Poor)

On Black14.09:1 (Excellent)

#ADE8F4

On White1.34:1 (Poor)

On Black15.63:1 (Excellent)

#CAF0F8

On White1.21:1 (Poor)

On Black17.33:1 (Excellent)

These ratios are calculated based on WCAG 2.1 guidelines. A ratio of 4.5:1 is the minimum for standard text, while 7:1 is recommended for high accessibility.

CSS Export

:root {
  --color-1: #03045E;
  --color-2: #023E8A;
  --color-3: #0077B6;
  --color-4: #0096C7;
  --color-5: #00B4D8;
  --color-6: #48CAE4;
  --color-7: #90E0EF;
  --color-8: #ADE8F4;
  --color-9: #CAF0F8;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.