ColorSeed

Monochromatic · 5 colors · May 6, 2026

Citronite and Stone

Create palette

Built on a unique chromatic harmony, Citronite and Stone unfolds a warm, enveloping sensuality. a dramatic tension that commands attention — an invitation to creativity and enthusiasm.

MonochromaticInteriorBrandingMonochromeGradientWarm
#69501CCouleur 1
RGB105 80 28HSL41 58 26
#928676Couleur 2
RGB146 134 118HSL34 11 52
#DAB12ECouleur 3
RGB218 177 46HSL46 70 52
#BEB094Couleur 4
RGB190 176 148HSL40 24 66
#DFDAC6Couleur 5
RGB223 218 198HSL48 28 83

Palette Usage Guide

Application Scenarios

Interface Design

Combine #69501c for text on #dfdac6 background.

Emotional Impact

Built on a unique chromatic harmony, Citronite and Stone unfolds a warm, enveloping sensuality. a dramatic tension that commands attention — an invitation to creativity and enthusiasm.

Contrast Analysis
Text on Canvas

5.4:1

AA

Secondary on Canvas

1.5:1

Fail

Accent on Base

3.6:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :44 (Approximate)
#69501C
DMC 801
Coffee Brown Dk
ΔE 51
#928676
DMC 414
Steel Gray Dark
ΔE 38
#DAB12E
DMC 3820
Straw Dark
ΔE 36
#BEB094
DMC 738
Tan Very Light
ΔE 58
#DFDAC6
DMC 739
Tan Ultra Vy Lt
ΔE 36

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: #69501c;
  --color-couleur-2: #928676;
  --color-couleur-3: #dab12e;
  --color-couleur-4: #beb094;
  --color-couleur-5: #dfdac6;
}
Tailwind
'citronite-and-stone': {
  500: '#69501c',
  400: '#928676',
  300: '#dab12e',
  200: '#beb094',
  100: '#dfdac6',
}
JSON
{
  "name": "Citronite and Stone",
  "harmony": "Monochromatic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#69501c"
    },
    {
      "name": "Couleur 2",
      "hex": "#928676"
    },
    {
      "name": "Couleur 3",
      "hex": "#dab12e"
    },
    {
      "name": "Couleur 4",
      "hex": "#beb094"
    },
    {
      "name": "Couleur 5",
      "hex": "#dfdac6"
    }
  ]
}
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
7.6:1AAA
Black
2.76:1Fail
Couleur 2
White
3.56:1AA Large
Black
5.89:1AA
Couleur 3
White
2.04:1Fail
Black
10.31:1AAA
Couleur 4
White
2.14:1Fail
Black
9.83:1AAA
Couleur 5
White
1.4:1Fail
Black
14.98:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Citronite and Stone

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

Creativity & Accessibility

Couleur 1 is a dark orange with balanced saturation that evokes positive, communicative energy. Softened, it preserves orange's vitality without its impetuosity — ideal for brands wanting to appear both inventive and warm.

CreativityAccessibilityFriendlinessOpenness
Couleur 2

Neutrality & Mediation

Couleur 2 is visual silence par excellence — medium and muted, it never takes sides and lets other colors express themselves while maintaining systemic coherence.

NeutralityCoherenceSilenceBalance
Couleur 3

Enthusiasm & Boldness

Couleur 3 is a medium orange with rich saturation that evokes positive, communicative energy. Its chromatic intensity holds the eye without aggression and stimulates decision-making — the tool of brands that want to stand out.

EnthusiasmOptimismEnergyImpact
Couleur 4

Creativity & Accessibility

Couleur 4 is a light orange with quiet saturation that whispers positive, communicative energy. Softened, it preserves orange's vitality without its impetuosity — ideal for brands wanting to appear both inventive and warm.

CreativityAccessibilityFriendlinessOpenness
Couleur 5

Creativity & Accessibility

Couleur 5 is a pale orange with quiet saturation that breathes positive, communicative energy. Softened, it preserves orange's vitality without its impetuosity — ideal for brands wanting to appear both inventive and warm.

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