ColorSeed

Split-Complementary · 5 colors · April 26, 2026

Avocado & Droplet

Create palette

Born from "Avocado & Droplet", Avocado & Droplet explores the richness of a triad — neither too safe nor too discordant. Within it, a blue and clear chromatic silence, crossed by a contrast that cuts and asserts.

Split-ComplementaryIllustrationFashionDarkBoldCool
#D7F395Couleur 1
RGB215 243 149HSL78 80 77
#A6DBFCCouleur 2
RGB166 219 252HSL203 93 82
#D1618CCouleur 3
RGB209 97 140HSL337 55 60
#455903Couleur 4
RGB69 89 3HSL74 93 18
#043862Couleur 5
RGB4 56 98HSL207 92 20

Palette Usage Guide

Application Scenarios

Interface Design

Combine #043862 for text on #d7f395 background.

Emotional Impact

Born from "Avocado & Droplet", Avocado & Droplet explores the richness of a triad — neither too safe nor too discordant. Within it, a blue and clear chromatic silence, crossed by a contrast that cuts and asserts.

Contrast Analysis
Text on Canvas

9.8:1

AAA

Secondary on Canvas

3:1

Fail

Accent on Base

3.3:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :42 (Approximate)
#D7F395
DMC 472
Avocado Green Ul
ΔE 42
#A6DBFC
DMC 3811
Turquoise Vy Lt
ΔE 43
#D1618C
DMC 602
Cranberry Medium
ΔE 14
#455903
DMC 986
Forest Green Vy D
ΔE 72
#043862
DMC 311
Navy Blue Med
ΔE 37

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: #d7f395;
  --color-couleur-2: #a6dbfc;
  --color-couleur-3: #d1618c;
  --color-couleur-4: #455903;
  --color-couleur-5: #043862;
}
Tailwind
'avocado-droplet': {
  500: '#d7f395',
  400: '#a6dbfc',
  300: '#d1618c',
  200: '#455903',
  100: '#043862',
}
JSON
{
  "name": "Avocado & Droplet",
  "harmony": "Split-Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#d7f395"
    },
    {
      "name": "Couleur 2",
      "hex": "#a6dbfc"
    },
    {
      "name": "Couleur 3",
      "hex": "#d1618c"
    },
    {
      "name": "Couleur 4",
      "hex": "#455903"
    },
    {
      "name": "Couleur 5",
      "hex": "#043862"
    }
  ]
}
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.22:1Fail
Black
17.14:1AAA
Couleur 2
White
1.48:1Fail
Black
14.16:1AAA
Couleur 3
White
3.62:1AA Large
Black
5.8:1AA
Couleur 4
White
7.83:1AAA
Black
2.68:1Fail
Couleur 5
White
12.02:1AAA
Black
1.75:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Avocado & Droplet

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

Singularity & Disruption

Couleur 1 occupies rare chromatic territory — between yellow and green — with a vivid saturation that makes it electrifying and immediately recognizable. Its singularity makes it a powerful identity marker in markets saturated with blues and grays.

SingularityDisruptionMemorabilityBoldness
Couleur 2

Innovation & Precision

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

Softness & Connection

Couleur 3 is a light, balanced hot pink that evokes open tenderness and authentic connection. Softened and luminous, it creates an immediate emotional bond. Ideal for brands that put people and care at their center.

SoftnessConnectionTendernessHumanity
Couleur 4

Singularity & Disruption

Couleur 4 occupies rare chromatic territory — between yellow and green — with a vivid saturation that makes it electrifying and immediately recognizable. Its singularity makes it a powerful identity marker in markets saturated with blues and grays.

SingularityDisruptionMemorabilityBoldness
Couleur 5

Innovation & Precision

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