Cobalt Blue

Name: Cobalt Blue
Brand: Zoffany

ZOFF107 / Zoffany

#3B5F8A

A true, saturated blue with the intensity of cobalt pigment. Bold and striking, a classic statement colour.

Spec Sheet

Hex#3B5F8A

RGB59, 95, 138

HSL213°, 40%, 39%

On White 6.58:1 AA

On Black 3.19:1 AA Large

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #EAEDF0
Text: #181C20
Accent: #3B5F8A
Support: #BF9B6E
Neutral: #B9B7D1

Rules:
- Use Background for surfaces and canvas
- Use Ink for body text and icons
- Never use Accent as body text — contrast is too low
- Maintain 4.5:1 minimum contrast for normal text

Learn more about AI Palette

Design System from Cobalt Blue Palettes are free. Exports aren't.

#EAEDF0 background RGB 234 237 240

#181C20 ink RGB 24 28 32

#3B5F8A accent RGB 59 95 138

#BF9B6E support RGB 191 155 110

#B9B7D1 neutral RGB 185 183 209

Processed in 0ms

CSS Variables

:root {
  --palette-background: #EAEDF0;
  --palette-ink: #181C20;
  --palette-accent: #3B5F8A;
  --palette-support: #BF9B6E;
  --palette-neutral: #B9B7D1;
}

Tailwind Config

{
  "palette-background": "#EAEDF0",
  "palette-ink": "#181C20",
  "palette-accent": "#3B5F8A",
  "palette-support": "#BF9B6E",
  "palette-neutral": "#B9B7D1"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Cobalt Blue.