ColorSeed

Monochromatic · 5 colors · April 26, 2026

Green & Navy

Create palette

Green & Navy — the depth of one hue explored to its extremes. The palette develops the sobriety of a mastered architectural space and establishes an uncompromising visual dramaturgy. A chromatic vocabulary for growth and vitality.

MonochromaticGameCoolDarkMonochrome
#CCF57FCouleur 1
RGB204 245 127HSL81 86 73
#B0E52ACouleur 2
RGB176 229 42HSL77 78 53
#6F9D0BCouleur 3
RGB111 157 11HSL79 87 33
#355106Couleur 4
RGB53 81 6HSL82 86 17
#203904Couleur 5
RGB32 57 4HSL88 87 12

Palette Usage Guide

Application Scenarios

Interface Design

Combine #203904 for text on #ccf57f background.

Emotional Impact

Green & Navy — the depth of one hue explored to its extremes. The palette develops the sobriety of a mastered architectural space and establishes an uncompromising visual dramaturgy. A chromatic vocabulary for growth and vitality.

Contrast Analysis
Text on Canvas

10.3:1

AAA

Secondary on Canvas

2.6:1

Fail

Accent on Base

3.9:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :67 (Rough)
#CCF57F
DMC 472
Avocado Green Ul
ΔE 53
#B0E52A
DMC 471
Avocado Vy Lt
ΔE 103
#6F9D0B
DMC 905
Parrot Green Dk
ΔE 45
#355106
DMC 986
Forest Green Vy D
ΔE 70
#203904
DMC 898
Coffee Brown V Dk
ΔE 65

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: #ccf57f;
  --color-couleur-2: #b0e52a;
  --color-couleur-3: #6f9d0b;
  --color-couleur-4: #355106;
  --color-couleur-5: #203904;
}
Tailwind
'green-navy': {
  500: '#ccf57f',
  400: '#b0e52a',
  300: '#6f9d0b',
  200: '#355106',
  100: '#203904',
}
JSON
{
  "name": "Green & Navy",
  "harmony": "Monochromatic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#ccf57f"
    },
    {
      "name": "Couleur 2",
      "hex": "#b0e52a"
    },
    {
      "name": "Couleur 3",
      "hex": "#6f9d0b"
    },
    {
      "name": "Couleur 4",
      "hex": "#355106"
    },
    {
      "name": "Couleur 5",
      "hex": "#203904"
    }
  ]
}
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.24:1Fail
Black
16.93:1AAA
Couleur 2
White
1.49:1Fail
Black
14.09:1AAA
Couleur 3
White
3.23:1AA Large
Black
6.5:1AA
Couleur 4
White
9.01:1AAA
Black
2.33:1Fail
Couleur 5
White
12.74:1AAA
Black
1.65:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Green & Navy

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

Singularity & Disruption

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

Singularity & Disruption

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

Grounding & Durability

Couleur 5 is a deep, vivid lime 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 →