ColorSeed

Split-Complementary · 5 colors · May 21, 2026

Diffused Pepper Rapport

Create palette

Diffused Pepper Rapport weaves the sophistication of a broken complement — tension without brutality. a mineral, soothing freshness — a dramatic tension that commands attention. It speaks of trust, depth and of soothing.

Split-ComplementaryUI / AppBrandingDarkBoldCool
#FFB4DFCouleur 1
RGB255 180 223HSL326 100 85
#A9D58DCouleur 2
RGB169 213 141HSL97 46 69
#0C86BBCouleur 3
RGB12 134 187HSL198 88 39
#5B0635Couleur 4
RGB91 6 53HSL327 88 19
#031800Couleur 5
RGB3 24 0HSL113 100 5

Palette Usage Guide

Application Scenarios

Interface Design

Combine #031800 for text on #ffb4df background.

Emotional Impact

Diffused Pepper Rapport weaves the sophistication of a broken complement — tension without brutality. a mineral, soothing freshness — a dramatic tension that commands attention. It speaks of trust, depth and of soothing.

Contrast Analysis
Text on Canvas

11.3:1

AAA

Secondary on Canvas

2.5:1

Fail

Accent on Base

4.5:1

AA

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :49 (Approximate)
#FFB4DF
DMC 605
Cranberry Vy Lt
ΔE 35
#A9D58D
DMC 704
Chartreuse Bright
ΔE 43
#0C86BB
DMC 825
Blue Dark
ΔE 81
#5B0635
DMC 814
Garnet Dark
ΔE 39
#031800
DMC 310
Black
Δ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: #ffb4df;
  --color-couleur-2: #a9d58d;
  --color-couleur-3: #0c86bb;
  --color-couleur-4: #5b0635;
  --color-couleur-5: #031800;
}
Tailwind
'diffused-pepper-rapport': {
  500: '#ffb4df',
  400: '#a9d58d',
  300: '#0c86bb',
  200: '#5b0635',
  100: '#031800',
}
JSON
{
  "name": "Diffused Pepper Rapport",
  "harmony": "Split-Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#ffb4df"
    },
    {
      "name": "Couleur 2",
      "hex": "#a9d58d"
    },
    {
      "name": "Couleur 3",
      "hex": "#0c86bb"
    },
    {
      "name": "Couleur 4",
      "hex": "#5b0635"
    },
    {
      "name": "Couleur 5",
      "hex": "#031800"
    }
  ]
}
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.63:1Fail
Black
12.85:1AAA
Couleur 2
White
1.67:1Fail
Black
12.59:1AAA
Couleur 3
White
4.08:1AA Large
Black
5.14:1AA
Couleur 4
White
13.8:1AAA
Black
1.52:1Fail
Couleur 5
White
18.51:1AAA
Black
1.13:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Diffused Pepper Rapport

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 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 2

Balance & Harmony

Couleur 2 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
Couleur 3

Innovation & Precision

Couleur 3 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 4

Intensity & Subversion

Couleur 4 is a deep, vivid hot pink that commands a strong, subversive cultural statement. In its dark tones, pink transforms — it becomes radical, contemporary, unforgettable. The choice of brands that own their singularity.

IntensitySubversionContemporaryImpact
Couleur 5

Grounding & Durability

Couleur 5 is a deep, vivid emerald green that commands the permanence of ancient forests. Its depth inspires enduring trust — the color of brands that think long-term and value solidity over shine.

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