ColorSeed

Monochromatic · 5 colors · May 21, 2026

Transient Cerulean Ascension

Create palette

Born from "Transient Cerulean Ascension", Transient Cerulean Ascension explores the natural fluidity of colors that touch in the spectrum. Within it, a blue and clear chromatic silence, crossed by a contrast that cuts and asserts.

MonochromaticWebBrandingDarkMonochromeGradient
#D1F1F5Couleur 1
RGB209 241 245HSL187 64 89
#E6EDEFCouleur 2
RGB230 237 239HSL193 22 92
#2898BDCouleur 3
RGB40 152 189HSL195 65 45
#194C70Couleur 4
RGB25 76 112HSL205 64 27
#113055Couleur 5
RGB17 48 85HSL213 67 20

Palette Usage Guide

Application Scenarios

Interface Design

Combine #113055 for text on #e6edef background.

Emotional Impact

Born from "Transient Cerulean Ascension", Transient Cerulean Ascension explores the natural fluidity of colors that touch in the spectrum. Within it, a blue and clear chromatic silence, crossed by a contrast that cuts and asserts.

Contrast Analysis
Text on Canvas

11.2:1

AAA

Secondary on Canvas

2.8:1

Fail

Accent on Base

4:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :33 (Approximate)
#D1F1F5
DMC 775
Baby Blue Vy Lt
ΔE 34
#E6EDEF
DMC 3865
Winter White
ΔE 33
#2898BD
DMC 3766
Peacock Blue Lt
ΔE 55
#194C70
DMC 824
Blue Very Dark
ΔE 13
#113055
DMC 336
Navy Blue
ΔE 28

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: #d1f1f5;
  --color-couleur-2: #e6edef;
  --color-couleur-3: #2898bd;
  --color-couleur-4: #194c70;
  --color-couleur-5: #113055;
}
Tailwind
'transient-cerulean-ascension': {
  500: '#d1f1f5',
  400: '#e6edef',
  300: '#2898bd',
  200: '#194c70',
  100: '#113055',
}
JSON
{
  "name": "Transient Cerulean Ascension",
  "harmony": "Monochromatic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#d1f1f5"
    },
    {
      "name": "Couleur 2",
      "hex": "#e6edef"
    },
    {
      "name": "Couleur 3",
      "hex": "#2898bd"
    },
    {
      "name": "Couleur 4",
      "hex": "#194c70"
    },
    {
      "name": "Couleur 5",
      "hex": "#113055"
    }
  ]
}
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.19:1Fail
Black
17.61:1AAA
Couleur 2
White
1.18:1Fail
Black
17.72:1AAA
Couleur 3
White
3.32:1AA Large
Black
6.32:1AA
Couleur 4
White
9.09:1AAA
Black
2.31:1Fail
Couleur 5
White
13.31:1AAA
Black
1.58:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Transient Cerulean Ascension

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, rich 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

Serenity & Lightness

Couleur 2 is a pale, quiet cyan positioned midway between blue's analytical rigor and green's vitality. More airy, it reduces cognitive friction and eases exploration. The shade of interfaces that guide without imposing.

SerenityLightnessClarityGuidance
Couleur 3

Innovation & Precision

Couleur 3 is a medium, rich 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 4

Innovation & Precision

Couleur 4 is a dark, rich 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

Trust & Authority

Couleur 5 commands the dark, rich register of blue — the universal color of trust, here expressed with its own personality. Its depth makes it the color of institutions, decision-makers, and leaders who have nothing to prove. Serious, stable, timeless.

TrustAuthorityStabilityPrestige
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 →