ColorSeed

Complementary · 6 colors · September 16, 2026

Hiroshi Nagai

Create palette

Hiroshi Nagai — the hidden richness of one pigment under every light. The palette develops a blue and clear chromatic silence and establishes a balanced modulation of values. A chromatic vocabulary for trust and depth.

ComplementaryWebIllustrationNeonBoldCool
#F961ADCouleur 1
RGB249 97 173HSL330 93 68
#0070B9Couleur 2
RGB0 112 185HSL204 100 36
#1D855DCouleur 3
RGB29 133 93HSL157 64 32
#01A4D1Couleur 4
RGB1 164 209HSL193 99 41
#FA9ECDCouleur 5
RGB250 158 205HSL329 90 80
#A7DC8BCouleur 6
RGB167 220 139HSL99 54 70

✦Palette Usage Guide

Application Scenarios

Interface Design

Combine #0070B9 for text on #A7DC8B background.

Emotional Impact

Hiroshi Nagai — the hidden richness of one pigment under every light. The palette develops a blue and clear chromatic silence and establishes a balanced modulation of values. A chromatic vocabulary for trust and depth.

Contrast Analysis
Text on Canvas

3.3:1

AA Large

Secondary on Canvas

1.8:1

Fail

Accent on Base

1.8:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :61 (Rough)
#F961AD
DMC 3806
Cyclamen Pink Lt
ΔE 47
#0070B9
DMC 825
Blue Dark
ΔE 65
#1D855D
DMC 3812
Sea Green Vy Dk
ΔE 51
#01A4D1
DMC 958
Sea Green Dk
ΔE 122
#FA9ECD
DMC 604
Cranberry Light
ΔE 33
#A7DC8B
DMC 704
Chartreuse Bright
ΔE 49

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: #F961AD;
  --color-couleur-2: #0070B9;
  --color-couleur-3: #1D855D;
  --color-couleur-4: #01A4D1;
  --color-couleur-5: #FA9ECD;
  --color-couleur-6: #A7DC8B;
}
Tailwind
'hiroshi-nagai': {
  600: '#F961AD',
  500: '#0070B9',
  400: '#1D855D',
  300: '#01A4D1',
  200: '#FA9ECD',
  100: '#A7DC8B',
}
JSON
{
  "name": "Hiroshi Nagai",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#F961AD"
    },
    {
      "name": "Couleur 2",
      "hex": "#0070B9"
    },
    {
      "name": "Couleur 3",
      "hex": "#1D855D"
    },
    {
      "name": "Couleur 4",
      "hex": "#01A4D1"
    },
    {
      "name": "Couleur 5",
      "hex": "#FA9ECD"
    },
    {
      "name": "Couleur 6",
      "hex": "#A7DC8B"
    }
  ]
}
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
2.86:1Fail
Black
7.34:1AAA
Couleur 2
White
5.23:1AA
Black
4.02:1AA Large
Couleur 3
White
4.6:1AA
Black
4.57:1AA
Couleur 4
White
2.9:1Fail
Black
7.23:1AAA
Couleur 5
White
1.94:1Fail
Black
10.84:1AAA
Couleur 6
White
1.58:1Fail
Black
13.25:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Hiroshi Nagai

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

Boldness & Modernity

Couleur 1 is a light, vivid hot pink that radiates an unapologetic and memorable modernity. Its high saturation asserts itself in contemporary luxury, beauty, and brands that make their boldness an identity.

BoldnessModernityLuxuryMemorability
Couleur 2

Innovation & Precision

Couleur 2 is a dark, 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 3

Depth & Mystery

Couleur 3 evokes the silent depth of the ocean floor — a dark, rich hue at the boundary of blue and green. Rare and sophisticated, it evokes a quiet wisdom and accessible mystery. It commands without aggression.

MysteryDepthWisdomSophistication
Couleur 4

Innovation & Precision

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

Boldness & Modernity

Couleur 5 is a pale, vivid hot pink that radiates an unapologetic and memorable modernity. Its high saturation asserts itself in contemporary luxury, beauty, and brands that make their boldness an identity.

BoldnessModernityLuxuryMemorability
Couleur 6

Balance & Harmony

Couleur 6 is a light, balanced lime green that breathes a serene, timeless botanical balance. Its restrained saturation makes it a green that knows how to step back and support other elements — invaluable in balanced design systems.

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