ColorSeed

Split-Complementary · 5 colors · April 26, 2026

Roland Garros

Create palette

Born from "Roland Garros", Roland Garros explores a unique chromatic harmony. Within it, a golden livable light, crossed by a contrast that cuts and asserts.

Split-ComplementaryPrintDarkBoldWarm
#0B4730Couleur 1
RGB11 71 48HSL157 73 16
#873113Couleur 2
RGB135 49 19HSL16 75 30
#A24B28Couleur 3
RGB162 75 40HSL17 60 40
#BF6F41Couleur 4
RGB191 111 65HSL22 50 50
#F3DDC4Couleur 5
RGB243 221 196HSL32 66 86

Palette Usage Guide

Application Scenarios

Interface Design

Combine #0b4730 for text on #f3ddc4 background.

Emotional Impact

Born from "Roland Garros", Roland Garros explores a unique chromatic harmony. Within it, a golden livable light, crossed by a contrast that cuts and asserts.

Contrast Analysis
Text on Canvas

8.1:1

AAA

Secondary on Canvas

4.5:1

AA Large

Accent on Base

1.8:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :40 (Approximate)
#0B4730
DMC 500
Blue Green Vy Dk
ΔE 36
#873113
DMC 433
Brown Medium
ΔE 36
#A24B28
DMC 347
Salmon Vy Dark
ΔE 56
#BF6F41
DMC 976
Golden Brown Med
ΔE 39
#F3DDC4
DMC 746
Off White
ΔE 31

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: #0b4730;
  --color-couleur-2: #873113;
  --color-couleur-3: #a24b28;
  --color-couleur-4: #bf6f41;
  --color-couleur-5: #f3ddc4;
}
Tailwind
'roland-garros': {
  500: '#0b4730',
  400: '#873113',
  300: '#a24b28',
  200: '#bf6f41',
  100: '#f3ddc4',
}
JSON
{
  "name": "Roland Garros",
  "harmony": "Split-Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#0b4730"
    },
    {
      "name": "Couleur 2",
      "hex": "#873113"
    },
    {
      "name": "Couleur 3",
      "hex": "#a24b28"
    },
    {
      "name": "Couleur 4",
      "hex": "#bf6f41"
    },
    {
      "name": "Couleur 5",
      "hex": "#f3ddc4"
    }
  ]
}
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
10.72:1AAA
Black
1.96:1Fail
Couleur 2
White
8.47:1AAA
Black
2.48:1Fail
Couleur 3
White
5.88:1AA
Black
3.57:1AA Large
Couleur 4
White
3.77:1AA Large
Black
5.57:1AA
Couleur 5
White
1.32:1Fail
Black
15.95:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Roland Garros

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

Depth & Mystery

Couleur 1 commands the silent depth of the ocean floor — a deep, 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 2

Authority & Mastery

Couleur 2 is a dark, rich red that commands a raw and memorable intensity. Its depth lends the gravity of brands that have nothing to justify — quiet power, total assurance.

AuthorityDepthPrestigeGravity
Couleur 3

Passion & Engagement

Couleur 3 is a medium, rich red that evokes a direct, assertive presence. It embodies measured passion — warm enough to capture attention, tempered enough to build trust.

PassionWarmthEngagementTrust
Couleur 4

Warmth & Benevolence

Couleur 4 evokes the medium, balanced warmth of fired clay — a shade that is both reassuring and memorable. In its lighter tones, it sheds the heaviness of saturated orange to gain accessibility and human closeness.

ClosenessWarmthBenevolenceLifestyle
Couleur 5

Warmth & Benevolence

Couleur 5 breathes the pale, rich warmth of fired clay — a shade that is both reassuring and memorable. In its lighter tones, it sheds the heaviness of saturated orange to gain accessibility and human closeness.

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