ColorSeed

Complementary · 5 colors · May 14, 2026

Moderate Cerulean Measure

Create palette

Through the subtlety of indirect contrast — less aggressive, more nuanced, Moderate Cerulean Measure composes a blue and clear chromatic silence. The contrast between hues evokes trust, depth.

ComplementaryFashionIllustrationDarkBoldCool
#89F1FFCouleur 1
RGB137 241 255HSL187 100 77
#FCAEB6Couleur 2
RGB252 174 182HSL354 93 84
#8B6E00Couleur 3
RGB139 110 0HSL47 100 27
#002B53Couleur 4
RGB0 43 83HSL209 100 16
#32000CCouleur 5
RGB50 0 12HSL346 100 10

Palette Usage Guide

Application Scenarios

Interface Design

Combine #32000c for text on #89f1ff background.

Emotional Impact

Through the subtlety of indirect contrast — less aggressive, more nuanced, Moderate Cerulean Measure composes a blue and clear chromatic silence. The contrast between hues evokes trust, depth.

Contrast Analysis
Text on Canvas

14.1:1

AAA

Secondary on Canvas

3.7:1

AA Large

Accent on Base

3.8:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :52 (Rough)
#89F1FF
DMC 3811
Turquoise Vy Lt
ΔE 83
#FCAEB6
DMC 776
Pink Medium
ΔE 16
#8B6E00
DMC 731
Olive Green Dk
ΔE 71
#002B53
DMC 823
Navy Blue Dk
ΔE 44
#32000C
DMC 938
Coffee Brown Ul Dk
ΔE 48

Approximate sRGB matches — request a physical color card from each brand before purchasing.

Technical Specs

Developer Assets

Developer handoff assets with copyable code blocks for design systems.

CSS
:root {
  --color-couleur-1: #89f1ff;
  --color-couleur-2: #fcaeb6;
  --color-couleur-3: #8b6e00;
  --color-couleur-4: #002b53;
  --color-couleur-5: #32000c;
}
Tailwind
'moderate-cerulean-measure': {
  500: '#89f1ff',
  400: '#fcaeb6',
  300: '#8b6e00',
  200: '#002b53',
  100: '#32000c',
}
JSON
{
  "name": "Moderate Cerulean Measure",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#89f1ff"
    },
    {
      "name": "Couleur 2",
      "hex": "#fcaeb6"
    },
    {
      "name": "Couleur 3",
      "hex": "#8b6e00"
    },
    {
      "name": "Couleur 4",
      "hex": "#002b53"
    },
    {
      "name": "Couleur 5",
      "hex": "#32000c"
    }
  ]
}
Export Image
Design Tokens

Design Tokens Export

W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.

Go Pro
Accessibility

Contrast Ratios

Each color vs. white background

Couleur 1
White
1.31:1Fail
Black
16.09:1AAA
Couleur 2
White
1.77:1Fail
Black
11.87:1AAA
Couleur 3
White
4.85:1AA
Black
4.33:1AA Large
Couleur 4
White
14.28:1AAA
Black
1.47:1Fail
Couleur 5
White
18.41:1AAA
Black
1.14:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Moderate Cerulean Measure

The intersection of form and function reveals the palette in all its depth. Every hue is intentional, every space is a breath.

· Display · Body
UI Components
Buttons
Active

Surface Card

System element

Emotional Resonance

Color Psychology

Couleur 1

Innovation & Precision

Couleur 1 is a pale, vivid cyan positioned midway between blue's analytical rigor and green's vitality. This intermediate position gives it an image of technical modernity and operational precision — prized in tech, health, and fintech.

InnovationPrecisionModernityTech
Couleur 2

Energy & Urgency

Couleur 2 is a pale, vivid red that radiates a direct, assertive presence. Its saturation level makes it an immediate visual signal: ideal for CTAs, conversion moments, and decisive instants.

ActionUrgencyEnergyVitality
Couleur 3

Enthusiasm & Boldness

Couleur 3 is a dark orange with vivid saturation that commands positive, communicative energy. Its chromatic intensity holds the eye without aggression and stimulates decision-making — the tool of brands that want to stand out.

EnthusiasmOptimismEnergyImpact
Couleur 4

Innovation & Precision

Couleur 4 is a deep, vivid cyan positioned midway between blue's analytical rigor and green's vitality. This intermediate position gives it an image of technical modernity and operational precision — prized in tech, health, and fintech.

InnovationPrecisionModernityTech
Couleur 5

Authority & Mastery

Couleur 5 is a deep, vivid red that commands a raw and memorable intensity. Its depth lends the gravity of brands that have nothing to justify — quiet power, total assurance.

AuthorityDepthPrestigeGravity
Visual Atmosphere

Moodboard

No images found

Export

Brand PDF

Premium Brand Guidelines document with palette, color psychology and moodboard.

PDF Brand Identity Export

7 premium pages: Cover · Palette · Detail · Typography · Usage Guide

Go Pro
Create your own palette on ColorSeed →