Back to palettes

Palette

Cobalt Glaze Splash

A bold, intense array of blues, reminiscent of a splash of deep cobalt glaze on white porcelain.

coolenergetic5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cobalt Glaze Splash reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Cobalt Glaze Splash.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#104F7A#257ABD#4DA0E0#083B5E#3E8ECC

Palette guide

How to use Cobalt Glaze Splash

Overview

The Cobalt Glaze Splash palette presents a bold, intense array of blues, reminiscent of a splash of deep cobalt glaze on white porcelain. With hues ranging from the profound #083B5E to the vibrant #4DA0E0, this palette is perfect for designs demanding energy, impact, and a touch of artistic flair. Designers can leverage #104F7A as a strong primary, while #257ABD offers a dynamic mid-tone for various elements. The brightest hue, #3E8ECC, provides a compelling highlight. This palette is ideal for projects that aim to combine classic intensity with a modern, energetic appeal, from creative branding to dynamic digital interfaces.

Best used for

  • Art and design studio branding
  • Creative marketing campaigns
  • Sports and active lifestyle brands
  • Youth-focused tech products
  • Event and festival promotions
  • Abstract digital art and illustrations

Suggested color roles

primary

#104F7A - A deep, authoritative blue that serves as a commanding primary, ideal for main headings, brand logos, or core UI elements, conveying strength.

secondary

#257ABD - A vibrant, true blue that provides an energetic contrast, suitable for subheadings, active states, or supporting graphical elements.

accent

#4DA0E0 - A bright, clear blue that offers a striking highlight, perfect for interactive elements, key data points, or subtle background textures, evoking a splash.

background

#083B5E - An intense, dark blue that creates a deep, luxurious backdrop, allowing lighter blues to truly pop with vibrancy and impact.

text

For text on #083B5E or #104F7A, use #4DA0E0 or white for optimal readability. For text on #4DA0E0, use black or #083B5E.

Accessibility notes

  • Ensure high contrast when placing light text, such as #4DA0E0, on darker blues like #083B5E or #104F7A.
  • Avoid using #3E8ECC for small text on #257ABD without verifying WCAG AA compliance due to similar luminance values.
  • The brightest hue, #4DA0E0, offers excellent contrast against all darker blues in the palette for interactive elements.
  • When using #4DA0E0 as a background, ensure text is in a contrasting dark color like black or #083B5E to maintain legibility.

Recommended combinations

Glaze Burst

Creates an energetic, high-contrast interface; #083B5E for background, #257ABD for content, #4DA0E0 for vibrant highlights/CTAs.

#083B5E · #257ABD · #4DA0E0

Porcelain Drop

Use #104F7A for main sections, #3E8ECC for supporting elements, and #4DA0E0 for striking accents or delicate details.

#104F7A · #3E8ECC · #4DA0E0

Deep Glaze

Ideal for creating depth through gradients or layered UI, moving from the deepest blue to a rich, true blue.

#083B5E · #104F7A · #257ABD

CSS variables

:root {
  --cobalt-glaze-splash-1: #104F7A;
  --cobalt-glaze-splash-2: #257ABD;
  --cobalt-glaze-splash-3: #4DA0E0;
  --cobalt-glaze-splash-4: #083B5E;
  --cobalt-glaze-splash-5: #3E8ECC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cobalt-glaze-splash": {
        1: "#104F7A",
        2: "#257ABD",
        3: "#4DA0E0",
        4: "#083B5E",
        5: "#3E8ECC",
      }
    }
  }
}

Related searches

bold cobalt blue paletteenergetic blue color schemevibrant glaze colorsartistic blue brandingdynamic cool UI design

Palette colors

Hex values

Color 1#104F7A
·
Color 2#257ABD
·
Color 3#4DA0E0
·
Color 4#083B5E
·
Color 5#3E8ECC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.1:1AA18
1.3:1Fail
2.5:1Fail
2
1.9:1Fail
1.6:1Fail
2.6:1Fail
1.3:1Fail
3
3.1:1AA18
1.6:1Fail
4.1:1AA18
1.2:1Fail
4
1.3:1Fail
2.6:1Fail
4.1:1AA18
3.3:1AA18
5
2.5:1Fail
1.3:1Fail
1.2:1Fail
3.3:1AA18

Similar palettes

More like Cobalt Glaze Splash

View all cool
Aegean Blue Depths
Aqua Marine Sparkle
Aurora Borealis Dream
Coral Lagoon Gleam
Cyber Horizon Glow
Deep Reef Sapphire