ColorSeed

Monochromatic · 5 colors · May 2, 2026

Manga & Beribboned

Create palette

Through the hidden richness of one pigment under every light, Manga & Beribboned composes a mineral, soothing freshness. The contrast between hues evokes trust, depth.

MonochromaticBrandingPrintDarkMonochromeGradient
#D5E6FCCouleur 1
RGB213 230 252HSL214 87 91
#B7C8DECouleur 2
RGB183 200 222HSL214 37 79
#617488Couleur 3
RGB97 116 136HSL211 17 46
#16293ACouleur 4
RGB22 41 58HSL208 45 16
#031322Couleur 5
RGB3 19 34HSL209 84 7

Palette Usage Guide

Application Scenarios

Interface Design

Combine #031322 for text on #d5e6fc background.

Emotional Impact

Through the hidden richness of one pigment under every light, Manga & Beribboned composes a mineral, soothing freshness. The contrast between hues evokes trust, depth.

Contrast Analysis
Text on Canvas

14.8:1

AAA

Secondary on Canvas

3.8:1

AA Large

Accent on Base

3.9:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :40 (Approximate)
#D5E6FC
DMC 775
Baby Blue Vy Lt
ΔE 25
#B7C8DE
DMC 3325
Baby Blue Lt
ΔE 28
#617488
DMC 414
Steel Gray Dark
ΔE 52
#16293A
DMC 823
Navy Blue Dk
ΔE 25
#031322
DMC 310
Black
ΔE 70

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: #d5e6fc;
  --color-couleur-2: #b7c8de;
  --color-couleur-3: #617488;
  --color-couleur-4: #16293a;
  --color-couleur-5: #031322;
}
Tailwind
'manga-beribboned': {
  500: '#d5e6fc',
  400: '#b7c8de',
  300: '#617488',
  200: '#16293a',
  100: '#031322',
}
JSON
{
  "name": "Manga & Beribboned",
  "harmony": "Monochromatic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#d5e6fc"
    },
    {
      "name": "Couleur 2",
      "hex": "#b7c8de"
    },
    {
      "name": "Couleur 3",
      "hex": "#617488"
    },
    {
      "name": "Couleur 4",
      "hex": "#16293a"
    },
    {
      "name": "Couleur 5",
      "hex": "#031322"
    }
  ]
}
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.27:1Fail
Black
16.55:1AAA
Couleur 2
White
1.7:1Fail
Black
12.33:1AAA
Couleur 3
White
4.81:1AA
Black
4.36:1AA Large
Couleur 4
White
14.87:1AAA
Black
1.41:1Fail
Couleur 5
White
18.75:1AAA
Black
1.12:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Manga & Beribboned

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

Serenity & Openness

Couleur 1 radiates the pale, vivid register of blue — the universal color of trust, here expressed with its own personality. Its clarity disarms mistrust and opens dialogue. Interface, onboarding, welcome — this blue dissolves the user's psychological barriers.

SerenityOpennessLightnessAccessibility
Couleur 2

Serenity & Openness

Couleur 2 breathes the pale, quiet register of blue — the universal color of trust, here expressed with its own personality. Its clarity disarms mistrust and opens dialogue. Interface, onboarding, welcome — this blue dissolves the user's psychological barriers.

SerenityOpennessLightnessAccessibility
Couleur 3

Reliability & Clarity

Couleur 3 anchors the medium, muted register of blue — the universal color of trust, here expressed with its own personality. It reconciles authority and accessibility with natural elegance. Reassuring for decision-makers, engaging for users.

ReliabilityBalanceClarityProfessionalism
Couleur 4

Serenity & Lightness

Couleur 4 is a deep, balanced 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 5

Innovation & Precision

Couleur 5 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
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 →