ColorSeed

Split-Complementary · 5 colors · April 28, 2026

Green & Oxford

Create palette

Born from "Green & Oxford", Green & Oxford explores an asymmetric triangle that plays with the eye without tiring it. Within it, a space of quiet contemplation, crossed by an uncompromising visual dramaturgy.

Split-ComplementaryBrandingIllustrationCoolDarkBold
#CFED6ECouleur 1
RGB207 237 110HSL74 78 68
#8DC3FBCouleur 2
RGB141 195 251HSL211 93 77
#BF4598Couleur 3
RGB191 69 152HSL319 49 51
#2C3602Couleur 4
RGB44 54 2HSL72 93 11
#03234ACouleur 5
RGB3 35 74HSL213 92 15

Palette Usage Guide

Application Scenarios

Interface Design

Combine #03234a for text on #cfed6e background.

Emotional Impact

Born from "Green & Oxford", Green & Oxford explores an asymmetric triangle that plays with the eye without tiring it. Within it, a space of quiet contemplation, crossed by an uncompromising visual dramaturgy.

Contrast Analysis
Text on Canvas

11.9:1

AAA

Secondary on Canvas

3.5:1

AA Large

Accent on Base

3.4:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :47 (Approximate)
#CFED6E
DMC 472
Avocado Green Ul
ΔE 54
#8DC3FB
DMC 800
Delft Blue Pale
ΔE 49
#BF4598
DMC 601
Cranberry Dark
ΔE 50
#2C3602
DMC 898
Coffee Brown V Dk
ΔE 54
#03234A
DMC 823
Navy Blue Dk
ΔE 29

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: #cfed6e;
  --color-couleur-2: #8dc3fb;
  --color-couleur-3: #bf4598;
  --color-couleur-4: #2c3602;
  --color-couleur-5: #03234a;
}
Tailwind
'green-oxford': {
  500: '#cfed6e',
  400: '#8dc3fb',
  300: '#bf4598',
  200: '#2c3602',
  100: '#03234a',
}
JSON
{
  "name": "Green & Oxford",
  "harmony": "Split-Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#cfed6e"
    },
    {
      "name": "Couleur 2",
      "hex": "#8dc3fb"
    },
    {
      "name": "Couleur 3",
      "hex": "#bf4598"
    },
    {
      "name": "Couleur 4",
      "hex": "#2c3602"
    },
    {
      "name": "Couleur 5",
      "hex": "#03234a"
    }
  ]
}
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.31:1Fail
Black
15.99:1AAA
Couleur 2
White
1.85:1Fail
Black
11.33:1AAA
Couleur 3
White
4.65:1AA
Black
4.52:1AA
Couleur 4
White
12.84:1AAA
Black
1.64:1Fail
Couleur 5
White
15.63:1AAA
Black
1.34:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Green & Oxford

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

Serenity & Openness

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

Softness & Connection

Couleur 3 is a medium, balanced rose 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

Trust & Authority

Couleur 5 commands the deep, vivid 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 →